File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11/* Here are some starter styles
22You can edit these or replace them entirely
3- It's showing you a common way to organise CSS
3+ It's showing you a common way to organize CSS
44And includes solutions to common problems
55As well as useful links to learn more */
66
77/* ====== Design Palette ======
88 This is our "design palette".
9- It sets out the colours , fonts, styles etc to be used in this design
9+ It sets out the colors , fonts, styles etc to be used in this design
1010 At work, a designer will give these to you based on the corporate brand, but while you are learning
1111 You can design it yourself if you like
1212 Inspect the starter design with Devtools
13- Click on the colour swatches to see what is happening
13+ Click on the colors swatches to see what is happening
1414 I've put some useful CSS you won't have learned yet
1515 For you to explore and play with if you are interested
1616 https://web.dev/articles/min-max-clamp
@@ -58,7 +58,6 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
5858/* This is a header */
5959.header {
6060 text-align : center;
61-
6261 max-width : var (--container );
6362 margin : 0 auto;
6463 padding : 20px ;
7372}
7473
7574footer {
76-
7775 position : fixed;
7876 bottom : 0 ;
7977 left : 0 ;
You can’t perform that action at this time.
0 commit comments