Nichole Godwin
About
Portfolio
Contact
Front End Projects
Practice Exercises
Flexbox Froggy
Practice
Solutions
CSS Selectors - Flukeout
Practice
Solutions
Python Projects
Mail Room
Code
ReadMe
This project demonstrates:
Use of variables, expressions and statements
Important functions and arguments
Key concepts related to conditionals and recursion, string classes and inheritance
Analytics Projects
CSS - Flexbox Froggy Solutions
×
Solutions as of 7/1/2020
01: justify-content: flex-end;
02: justify-content: center;
03: justify-content:space-around;
04: justify-content:space-between;
05: align-items:flex-end;
06: align-items:center;
justify-content:center;
07: align-items:flex-end;
justify-content:space-around;
08: flex-direction:row-reverse;
09: flex-direction:column;
10: flex-direction:row-reverse;
justify-content:flex-end;
11: justify-content:flex-end;
flex-direction:column;
12: flex-direction:column-reverse;
justify-content:space-between;
13: align-items: flex-end;
justify-content:center;
flex-direction:row-reverse;
14: order: 3
15: order:-1
16: align-self:flex-end;
17: align-self:flex-end;
order:1;
18: flex-wrap:wrap
19: flex-wrap:wrap;
flex-direction:column;
20: flex-flow:column wrap;
21: align-content: flex-start;
22: align-content: flex-end;
23: flex-direction: column-reverse;
align-content: center;
24: flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-content:space-between;
CSS Selectors - Flukeout Solutions
×
Solutions as of 7/1/2020
01: plate
02: bento
03: #fancy
04: plate apple
05: #fancy pickle
06: .small
07: orange.small
08: bento orange.small
09: bento, plate
10: *
11: plate *
12: plate+apple
13: bento~pickle
14: plate > apple
15: orange:first-child
16: plate apple:only-child, plate pickle:only-child
17: .small:last-child
18: plate:nth-child(3)
19: bento:nth-last-child(3)
20: apple:first-of-type
21: plate:nth-of-type(even)
22: plate:nth-of-type(2n+3)
23: plate apple:only-of-type
24: orange:last-of-type, apple:last-of-type
25: bento:empty
26: apple:not(.small)
27: *[for]
28: plate[for]
29: bento[for="Vitaly"]
30: *[for^="Sa"]
31: *[for$="ato"]
32: bento[for*="obb"]