From a14a8f78e247785bfc66da335d007a8db141e7d2 Mon Sep 17 00:00:00 2001 From: Cynthia Date: Tue, 24 Oct 2017 17:47:01 -0400 Subject: [PATCH] fixes-2 --- bootstrap-practice/bootstrap-practice.css | 91 +++++++++++++++++++++-- bootstrap-practice/index.html | 52 ++++++------- 2 files changed, 112 insertions(+), 31 deletions(-) diff --git a/bootstrap-practice/bootstrap-practice.css b/bootstrap-practice/bootstrap-practice.css index a69aa60..ed3bd22 100644 --- a/bootstrap-practice/bootstrap-practice.css +++ b/bootstrap-practice/bootstrap-practice.css @@ -91,8 +91,10 @@ p { #header-info { background-color:hsla(42, 98%, 80%, 0.56); - height:615px; + height:600px; border-left:14px solid #3A4245; + padding-left:50px; + padding-right:50px; } #header-info h4{ @@ -137,14 +139,15 @@ p { } #pink-box img { - width:375px; + width:350px; margin-left:2%; border:5px solid white; padding:0; + margin-top:20px; } -#pink-box .img-1 { - margin-left:3%; +#pink-box h1, #pink-box p { + text-align:center; } #button{ @@ -152,6 +155,9 @@ p { border-radius:5px; color:#E9ED98; width:165px; + margin-left:45px; + margin-top:15px; + } #header-info h4,#caption { @@ -210,21 +216,94 @@ footer { margin-bottom:25px; } -#gray-box, #pink-box, #aqua-box, #white-box { +#gray-box, #pink-box, #aqua-box, #white-box, footer { padding:50px; } +footer li { + padding:5px; +} + +.padding { + padding-top:40px; +} + +#gray-box h1, #gray-box p { + padding-bottom:20px; +} + +#gray-box img { + margin-top:10px; +} + +#green { + color:#5FC9AA; +} /*mobile styles*/ @media screen and (max-width:768px){ #header-info { border-right:15px solid #3A4245; } + #gray-box .padding, #aqua-box .padding{ + padding-top:10px; + } + #logo-bar { border-right:15px solid #3A4245; } + footer ul { + padding-bottom:20px; + } + #box-1, #box-2, #box-3, #box-4 { text-align:center; } -} \ No newline at end of file + + #des-box { + background-color:white; + } + + #des-box p { + color:black; + text-align:center; + padding-right:50px; + padding-left:50px; + } + + #button { + margin:25px; + } + + #gray-box h1, #gray-box p, #aqua-box h1, #aqua-box p { + text-align: center; + } + + #pink-box img { + margin-left:20%; + width:50%; + } +} + +@media screen and (min-width:769px) and (max-width: 992px){ + #button { + margin:25px; + } + + + #pink-box img { + margin-left:25%; + } + + #gray-box .padding, #aqua-box .padding{ + padding-top:10px; + } + +} + +@media screen and (min-width:992px) and (max-width: 1225px){ + #pink-box img { + margin-left:8%; + } +} diff --git a/bootstrap-practice/index.html b/bootstrap-practice/index.html index f2aef63..7eec56e 100644 --- a/bootstrap-practice/index.html +++ b/bootstrap-practice/index.html @@ -50,9 +50,10 @@
- -

Worth Noting

-

A curated collection of inspiring work and articles. See all.

+
+

Worth Noting

+

A curated collection of inspiring work and articles. See all.

+
@@ -79,7 +80,7 @@
gallery
-

WEWORK LA FAYETTE CO-WORKING SPACE – DESIGN MILK

Never thought I'd want to visit Paris again just to work there, but this gorgeous WeWork space would be worth the trip. Source: WeWork La Fayette Co-Working Space Gives Nod to the 1920s - Design... KEEP READING

@@ -108,60 +109,61 @@
-

Recent Events

-

I love speaking. See a complete history of events here.

+
+

Recent Events

+

I love speaking. See a complete history of events here.

+
+
@@ -183,7 +185,7 @@
  • ABOUT
  • DRIBBLE
    • -

    © 2017 Meagan Fisher. Thanks for stopping by! If you want, you can email me at contact@owltastic.com.

    +

    © 2017 Meagan Fisher. Thanks for stopping by! If you want, you can email me at contact@owltastic.com.