img and text resize

Author: JustinWebDev

Diff for: .idea/workspace.xml

@@ -58,8 +58,9 @@ main {
     padding: 0;
     min-height: 10rem;
 }
-main figure.hero {width: 100%; margin: 0;}
-main figure.hero img {width: 100%;}
+main figure.myphoto {width: 50%; margin: 0 0 0 2%; float: right;}
+main figure.myphoto img {width: 50%;}
+main figure.myphoto figcaption {text-align: center; font-size: .75rem; margin-bottom: 2px;}
 
 
 /*----------- FOOTER --------------*/

Diff for: css/small.css

@@ -47,11 +47,17 @@ <h2>Possible Slogan or Tagline</h2>
 
 <!-- CONTENT HERE -->
     <main>
-
-        <figure class="hero">
+        <h1>Products</h1>
+        <figure class="myphoto">
         <img src="images/img1.jpg">
+            <figcaption> max img size </figcaption>
         </figure>
-        <h1>Products</h1>
+        <p>Lorem ipsum dolor sit amet, ne graeco utroque conceptam nec, primis voluptatibus id his, latine dolorum no eos. Vim cu nominavi quaerendum complectitur, dico choro eu eum, vel iracundia hendrerit ut. Vim atqui dissentiunt te, at vidit sententiae duo. Eu est noluisse vituperata temporibus. An nec velit aeterno, ei vix fugit semper atomorum. Ad sea semper fierent.
+
+        No cibo oporteat pri, per ea sensibus rationibus. Meis luptatum mandamus te vel. Has at probo albucius. Dictas impedit ex has, sanctus molestie in sit.
+
+        Cu vis quaeque recteque. Ceteros explicari nec et, ad sea iracundia expetendis appellantur, augue audiam epicuri ut sea. Ut sea meis scripta disputationi, et toll</p>
+
     </main>
 
 <!-- FOOTER HERE -->