From 6a29563ee6aa0c2ae702193d4042209798c5daa3 Mon Sep 17 00:00:00 2001 From: Ivy Strickland Date: Tue, 13 Nov 2018 20:13:34 -0500 Subject: [PATCH] completed all 3 sets --- .DS_Store | Bin 0 -> 6148 bytes p1/css/p1.css | 11 +++++++++++ p1/index.html | 1 + p2/.DS_Store | Bin 0 -> 6148 bytes p2/styles/main.css | 3 ++- p3/css/p3.css | 20 ++++++++++++++++++++ p3/index.html | 17 +++-------------- p3/styles/p3.css | 31 +++++++++++++++++++++++++++++++ 8 files changed, 68 insertions(+), 15 deletions(-) create mode 100644 .DS_Store create mode 100644 p1/css/p1.css create mode 100644 p2/.DS_Store create mode 100644 p3/css/p3.css create mode 100644 p3/styles/p3.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..996d4873707b97b0b05905b463835ad5d51b5e89 GIT binary patch literal 6148 zcmeH~L2KJE6vv;^Y*RAEau~EnUj{vtlEhtd7y~a$4?PS@UD`ueT6+$w!L>r-EVNmM zFZ&SNH|R&{C)meX-;-Voansuoz8uDBq^3PJNu#lz$2S8~)@1FZu{N7^y3Gy8-RjOaoLQIrEw?kD*W~Kk z)`y+b^NY*bkNMBvhP}WKl(yHbxAF%ay}9rHC{0xQ4cin;eeD92E9@^qX_pL&>%Jo> zo&N%*y#$K82t}+ef#N=8C~g5t4fbFgK0+Tpqi(`EL>4Zq zOQ2K)==a?{J*Q znj1CgAo%hj_{oBAC_+CS=XZ2C2+ydkEdfhlk-&;+Ht77{e)#^sm}Fa)fF +

Display inline -> block with CSS

diff --git a/p2/.DS_Store b/p2/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..c6430da3f4d48f7d5be74e944a12c8779d28f070 GIT binary patch literal 6148 zcmeHK!A`2K&C`33%t zGrJ23K@VPxk(p%n&Cbs3W?!3~UB(!<=A#y4HO80#MJ!aH`9g3Ubwdi;gUIC^V-~qd zGHu z&g=$z7fw8JwS5_e{>paTD{q_(YKNy`5IbHlp2=iyG=`AdYcCjui51R+Q6%TF)qoHc zQ5n?gY1-{I8%Dd+%Nj=7L%Y-NW?4lX9k))-hYyRV^f`NZRm^hu38frpT*4a|Ynyzu zXMrCE_uyaVEMp0Y0b+m{*a8Oh(I@t{V6U`AVt^R<83TAe7@&xz#$2I1I-tSpBaW94 zQNYHx1frqQ)R-%T5fH9Y0aYs3PYkZo!Efj|Q)8}Br86#9hI#bLT)$AbTpj#|3}@U_ zNG&ly46HLyRNWfZ|FiGk|LaNABL;|pf5iYV_3gd|Thg_4V{=$*4bUMd3dZFMS1Dk~ hQVg+JitC_Kz;B=dXll$Af(L{y0+I%5h=E^a;1gd|Qndg8 literal 0 HcmV?d00001 diff --git a/p2/styles/main.css b/p2/styles/main.css index 2bf4d49..00c86ac 100644 --- a/p2/styles/main.css +++ b/p2/styles/main.css @@ -1,8 +1,9 @@ span { - display: block; + display: inline-block; width: 100px; height: 100px; margin: 5px; background-color: black; color: white; + font-weight: 500 } diff --git a/p3/css/p3.css b/p3/css/p3.css new file mode 100644 index 0000000..ac94e44 --- /dev/null +++ b/p3/css/p3.css @@ -0,0 +1,20 @@ +.full { + background-color: pink; + height: 100px; + width: 100%; +} + +.half1 { + display: inline-block; + background-color: yellow; + height: 300px; + width: 49.5% + +} +.half2 { + display: inline-block; + background-color: yellow; + height: 300px; + width: 49.5%; + margin-left: 1%; +} \ No newline at end of file diff --git a/p3/index.html b/p3/index.html index 748a4e4..43edaf3 100644 --- a/p3/index.html +++ b/p3/index.html @@ -2,21 +2,10 @@ - + -

Solution should look like

- -

- Use whatever classes and methods that you'd like to achieve this. -

- - -
- -
-
-
-
+
+
diff --git a/p3/styles/p3.css b/p3/styles/p3.css new file mode 100644 index 0000000..db62aed --- /dev/null +++ b/p3/styles/p3.css @@ -0,0 +1,31 @@ +span { + display: block; + width: 100px; + height: 100px; + margin: 5px; + background-color: black; + color: white; + font-weight: 500 + font: 100 + +}span { + display: block; + width: 100px; + height: 100px; + margin: 5px; + background-color: black; + color: white; + font-weight: 500 + font: 100 + +}span { + display: block; + width: 100px; + height: 100px; + margin: 5px; + background-color: black; + color: white; + font-weight: 500 + font: 100 + +} \ No newline at end of file