HTML - CSS Probleme Kleinigkeiten

Hey, ich habe eine fast fertige Website gebaut. Jedoch gibt ein paar kleine Probleme: Die Bildbeschriftung soll links und der Mehr Button soll rechts sein und sich nicht gegenseitig beeinflussen. Über dem Copyright soll eine Linie gezogen werden (Abtrennnung Fußbereich). Hoffe mir kann da jemand helfen.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<head>
<meta charset="UTF-8">
<title>Aufgabe 4</title>
<link rel="stylesheet" type="text/css" href="standard.css">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Coiny" rel="stylesheet">
<style>
.wrapper {
display:flex;
flex-direction:column;
margin: auto;
width:100%; }
header{
display:flex;
flex-direction:column;
border-width: 2px;
border-color: black;
border-style: solid;
}
#header1{
display:flex;
}
.aside1 h1{
text-align: center;
border-bottom: solid black 2px;
font-family: 'Coiny', cursive;
}
.aside1 h1 a{
text-decoration: none;
color: black;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX