From 1917f572b213f9bf051e6e7b48c3811041542c5a Mon Sep 17 00:00:00 2001 From: John Shaver Date: Sat, 12 Aug 2017 21:13:41 -0700 Subject: [PATCH] More styling changes. --- css/700.css | 26 ++++++++++++++++++++++++++ css/main.css | 24 ++++++++++-------------- index.html | 2 +- 3 files changed, 37 insertions(+), 15 deletions(-) diff --git a/css/700.css b/css/700.css index e69de29..7ca28b5 100644 --- a/css/700.css +++ b/css/700.css @@ -0,0 +1,26 @@ +.project-image { + right: unset; + flex-direction: row; + position: relative; + justify-content: space-between; + flex-wrap: wrap; + max-width: unset; + width: 90vw; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: 0.8rem; + margin-bottom: 0.8rem; +} + + + +.flex-container { + max-width: 90%; +} + +img {} + +.project-image > img { + max-width: 90%; + margin: 0.5rem; +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index f2a38cc..73f93eb 100644 --- a/css/main.css +++ b/css/main.css @@ -1,6 +1,6 @@ .flex-container { - width: 5.5in; - max-width: 90%; + width: 35rem; + max-width: 50%; margin: 0 auto; } @@ -38,30 +38,26 @@ p.attention { } h4 { - font-weight: normal; + font-weight: 500; font-style: italic; } -img.project-image { - max-width: 30%; -} .project { - display: flex; + display: block; position: relative; } .project-image { margin: 2rem; display: flex; - flex-direction: - column;position: - absolute;width: - 50%;right: - 100%;align-items: - flex-end; - + flex-direction: column; + position: absolute; + width: 15rem; + max-width: 40%; + right: 100%; + align-items: flex-end; } .project-image > img { diff --git a/index.html b/index.html index 4bda2f3..e3cdd0b 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + Javascipt Developer - Portfolio