From a6f52178eb79da9415d2770f2245f2cea8a05808 Mon Sep 17 00:00:00 2001 From: Mark Powers Date: Sun, 27 Jan 2019 16:44:50 -0500 Subject: Add flex on front page --- src/css/styles.css | 11 +++++++---- src/html/index.html | 55 +++++++++++++++++++++++++++++------------------------ 2 files changed, 37 insertions(+), 29 deletions(-) (limited to 'src') diff --git a/src/css/styles.css b/src/css/styles.css index 4b77273..cb61c99 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -27,9 +27,8 @@ img { margin: 1em; padding: 2%; border: 1px solid #aaaaaa; - /* width: 400px; */ display: inline; - /* flex-direction: column; */ + min-width: 200px; } .card img { @@ -38,6 +37,11 @@ img { } +.main-page{ + display: flex; + flex-direction: row; +} + .feed { width: 90%; display: flex; @@ -54,11 +58,10 @@ img { width: 400px; } } - .sidebar { height: 100vh; - width: 15%; + width: 100px; margin: 20px; } diff --git a/src/html/index.html b/src/html/index.html index dea7073..565bb73 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -1,31 +1,36 @@ - - Mark's Kitchen - - - - - - - + + + Mark's Kitchen + + + + + + + +

Welcome to Mark's Kitchen

- - -

- Welcome to marks.kitchen. Check out my bread! -

+ + +

+ Welcome to marks.kitchen. Check out my bread! +

Dec 10, 2018

- - + + + \ No newline at end of file -- cgit v1.2.3