Fix pics in line with flex

DieProduktMacher · Apr 25, 2024 · e8408a1 · e8408a1
1 parent 6a05a0c
commit e8408a1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
         <h1 style=" background-color:rgb(150, 47, 240); color: rgb(255, 251, 0)">
             Hallo, ich bin Mrs Lemon
         </h1>
+        <div class="inLinePics">
         <img 
         src="Resources/Rabbit_1.jpg" 
         alt="Ginger cat" 
@@ -33,6 +34,7 @@ <h1 style=" background-color:rgb(150, 47, 240); color: rgb(255, 251, 0)">
         src="Resources/gänseblümchen4.png"
         alt="Ginger cat" 
         class="photo1">
+         </div>
 
 
 

diff --git a/my_style.css b/my_style.css
@@ -23,6 +23,10 @@ ul{
   margin-right: 200;
 }
 
+.inLinePics {
+  display: flex;
+  flex-direction: row;
+}
 
 .photo {
   text-align: center;