From 6825b445ad975d603b4c212aed85f86559642e0f Mon Sep 17 00:00:00 2001 From: Mark Powers Date: Sat, 26 Jan 2019 21:07:03 -0500 Subject: Add flexbox styling to bread.html --- src/css/styles.css | 31 +++++++++++++---- src/html/bread.html | 97 ++++++++++++++++++++++++++--------------------------- 2 files changed, 73 insertions(+), 55 deletions(-) (limited to 'src') diff --git a/src/css/styles.css b/src/css/styles.css index b8bc0aa..4ac97ca 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -25,19 +25,38 @@ img { .card { margin: 3em; - border: 1px solid #777777; + padding: 2%; + border: 1px solid #aaaaaa; + /* width: 400px; */ + display: inline; + /* flex-direction: column; */ } .card img { - width: 43%; - display: inline; - margin-left: auto; - margin-right: 3em; + width: 100%; + padding: 2%; + /* display: inline; */ + /* margin-left: auto; + margin-right: 3em; */ } .feed { - width: 80%; + width: 90%; + display: flex; + flex-direction: column; +} + +@media screen and (min-width: 900px) { + .card-img { + display: flex; + flex-flow: row wrap; + align-content: flex-start; + } + .card img { + width: 400px; + } } + .sidebar { height: 100vh; diff --git a/src/html/bread.html b/src/html/bread.html index 7ad3b41..15194c5 100644 --- a/src/html/bread.html +++ b/src/html/bread.html @@ -10,108 +10,107 @@ -
+ +

Bread

Some highlights (and lowlights) of breadmaking
-
-

A good looking loaf. Made a batch of 3 the next day, which took a toll on my - banneton, leaving a lot of residue.

+

A good looking loaf. Made a batch of 3 the next day, which took a toll on my + banneton, leaving a lot of residue.

+
-
-

Dec 4, 2018

+
+

Dec 4, 2018

-
-

Made some pizza crust, it was delicious. The dough was awfully thick, probably - shouldn't have used it all.

+

Made some pizza crust, it was delicious. The dough was awfully thick, probably + shouldn't have used it all.

+
-
-

Nov 21, 2018

+
+

Nov 21, 2018

-
-

Another nice no-knead recipie

+

Another nice no-knead recipie

+
-
-

Nov 16, 2018

+
+

Nov 16, 2018

-
-

Tried to make something more sandwich-y. 4 hour warm proof with wheat, rye, - and corn flours. A bit dense, but not bad.

+

Tried to make something more sandwich-y. 4 hour warm proof with wheat, rye, + and corn flours. A bit dense, but not bad.

+
-
-

Sep 30, 2018

+
+

Sep 30, 2018

-
-

A twist on normal beer bread, using hard cider.

+

A twist on normal beer bread, using hard cider.

+
-
-

Sep 30, 2018

+
+

Sep 30, 2018

-
-

I wanted to try the NY Times no knead recipie. Bread turned out delicious. - Will try to tranfer to a loaf shape next time for slices.

+

I wanted to try the NY Times no knead recipie. Bread turned out delicious. + Will try to tranfer to a loaf shape next time for slices.

+
-
-

Sep 27, 2018

+
+

Sep 27, 2018

-
-

First time using a banneton, beautiful shape. Tried a different knead style - too. Rye-AP mix

+

First time using a banneton, beautiful shape. Tried a different knead style + too. Rye-AP mix

+
-
-

Sep 19, 2018

+
+

Sep 19, 2018

-
-

Severely messed up the recipie this time. Tried to double to get two loafs, - both turned out flat.

+

Severely messed up the recipie this time. Tried to double to get two loafs, + both turned out flat.

+
-
-

Aug 30, 2018

+
+

Aug 30, 2018

-
-

Used more white flour this time

+

Used more white flour this time

+
-
-

Aug 16, 2018

+
+

Aug 16, 2018

-
-

First sourdough, mainly wheat

+

First sourdough, mainly wheat

+
-
-

Aug 9, 2018

+
+

Aug 9, 2018

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