From ef38462a4b71f636a522a384e959f186234dae0d Mon Sep 17 00:00:00 2001 From: Cody Loyd Date: Wed, 18 Aug 2021 15:49:04 -0500 Subject: [PATCH] move styles to own file --- .../margin-and-padding-1/index.html | 31 +------------------ .../margin-and-padding-1/style.css | 28 +++++++++++++++++ .../margin-and-padding-2/index.html | 30 +----------------- .../margin-and-padding-2/style.css | 27 ++++++++++++++++ 4 files changed, 57 insertions(+), 59 deletions(-) create mode 100644 margin-and-padding/margin-and-padding-1/style.css create mode 100644 margin-and-padding/margin-and-padding-2/style.css diff --git a/margin-and-padding/margin-and-padding-1/index.html b/margin-and-padding/margin-and-padding-1/index.html index c463b2b..bf52e79 100644 --- a/margin-and-padding/margin-and-padding-1/index.html +++ b/margin-and-padding/margin-and-padding-1/index.html @@ -5,36 +5,7 @@ Margin and Padding exercise - +
diff --git a/margin-and-padding/margin-and-padding-1/style.css b/margin-and-padding/margin-and-padding-1/style.css new file mode 100644 index 0000000..f4d0a70 --- /dev/null +++ b/margin-and-padding/margin-and-padding-1/style.css @@ -0,0 +1,28 @@ +body { + max-width: 600px; + margin: 0 auto; +} + +.one { + background: pink; + border: 3px solid blue; + /* CHANGE ME */ + padding: 0px; + margin: 0px; +} + +.two { + background: lightblue; + border: 3px solid purple; + /* CHANGE ME */ + margin-bottom: 0px; +} + +.three { + background: peachpuff; + border: 3px solid brown; + width: 200px; + /* CHANGE ME */ + padding: 0px; + margin-left: 0px; +} \ No newline at end of file diff --git a/margin-and-padding/margin-and-padding-2/index.html b/margin-and-padding/margin-and-padding-2/index.html index 9efd6eb..7731fd9 100644 --- a/margin-and-padding/margin-and-padding-2/index.html +++ b/margin-and-padding/margin-and-padding-2/index.html @@ -5,35 +5,7 @@ Margin and Padding exercise 2 - +
diff --git a/margin-and-padding/margin-and-padding-2/style.css b/margin-and-padding/margin-and-padding-2/style.css new file mode 100644 index 0000000..3f0236e --- /dev/null +++ b/margin-and-padding/margin-and-padding-2/style.css @@ -0,0 +1,27 @@ +body { + background: #eee; + font-family: sans-serif; +} + +.card { + width: 400px; + background: #fff; + margin: 16px auto; +} + +.title { + background: #e3f4ff; +} + +.content { + background: #e3f4ff; +} + +.button { + background: #e3f4ff; +} + +button { + background: white; + border: 1px solid #eee; +} \ No newline at end of file