webhadash

commit 6be2630999ea1400891abd2099a91aba8ea2c093
parent 2c2babd386accd6a6ed228e1ca42623a77cb9ebf
Author: therealFIGBERT <figbertwelner@gmail.com>
Date:   Thu,  5 Sep 2019 11:25:45 -0700

Increasing article section responsive-ness

Diffstat:
M
index.html
 | 
10
++++++----
M
main.css
 | 
17
+++++------------

2 files changed, 11 insertions(+), 16 deletions(-)
diff --git a/index.html b/index.html
@@ -27,13 +27,15 @@
         <div class="articlepreview">
             <div class="articlepreview__div">
                 <img src="images/shironet.png" class="articlepreview__img"><br>
-                <span class="articlepreview__desc articlepreview__desc--header">ישראל</span><br>
-                <span class="articlepreview__desc articlepreview__desc--main">ואוו אזה תקסת שכגודישעיגשטךכימ מושיכנג ךשכחםג שחשכןוחגשצםכן חשטןוכ חדשנוןי</span>
+                <span class="articlepreview__desc">ישראל</span><br>
             </div>
             <div class="articlepreview__div">
                 <img src="images/spotify.png" class="articlepreview__img"><br>
-                <span class="articlepreview__desc articlepreview__desc--header">ישראל</span><br>
-                <span class="articlepreview__desc articlepreview__desc--main">ואוו אזה תקסת שכגודישעיגשטךכימ מושיכנ ךשכחםג שחשכןוחגשצםכן חשטןוכ חדשנוןי</span>
+                <span class="articlepreview__desc">ארצות הברית</span><br>
+            </div>
+            <div class="articlepreview__div">
+                <img src="images/nasdaq-resize.png" class="articlepreview__img"><br>
+                <span class="articlepreview__desc">ארצות הברית</span><br>
             </div>
         </div>
     </body>
diff --git a/main.css b/main.css
@@ -64,31 +64,24 @@ nav {
     display: flex;
     flex-direction: row-reverse;
     flex-wrap: wrap;
-    margin-top: 50px;
 }
 
 .articlepreview__div {
     text-align: center;
-    margin-left: 75px;
-    margin-right: 75px;
+    flex-grow: 1;
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
 .articlepreview__img {
-    border-radius: 50%;
     width: 200px;
     height: 200px;
+    object-fit: cover;
+    border-radius: 50%;
 }
 
 .articlepreview__desc {
     color: black;
-}
-
-.articlepreview__desc--header {
     font-size: 25px;
     font-weight: 700;
-}
-
-.articlepreview__desc--main {
-    font-size: 15px;
-    font-weight: 400;
 }
 \ No newline at end of file