webhadash

[DORMANT] hebrew website design
git clone git://git.figbert.com/webhadash.git
Log | Files | Refs

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

Increasing article section responsive-ness

Diffstat:
Mindex.html | 10++++++----
Mmain.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