Make sure you have read the Part 1 before reading the second part
-
There are five basic classifications of fonts: 1. serif 2. sans serif 3. script 4. monospaced 5. display Give this article a read for more detailed explanation Type Classifications | Fonts.com
-
fonts .google.com (Download free fonts from here) You just need to look at few fonts properties. For ex,
- font-family
- font-weight
- font-size
-
Alright moving further, We have CSS positioning. From here, a bit tricky CSS starts. Using CSS positioning you can change the position of you element. This might seems bit tough but you can learn it in 2-3 days
-
There are 5 values that you can pass in position property
- static
- relative
- absolute
- fixed
- sticky
-
Positioning in CSS allows you to display your element wherever you want on the screen But when I was learning it.
-
Up to this point you have some decent knowledge of styling your website. It would be great if you learn about a layout system now. Flex and Grid. Grid is a little bit tough to master but flex isn’t
-
Hmm awesome!! I think you’re all set to learn about responsiveness here. Don’t skip it. There are millions of devices on which your website is viewed.
-
Responsive web design is little tricky but not so tough to master. There are few quick points you need to remember while writing CSS code. I would suggest you to take care of responsiveness while writing CSS rather than handling responsiveness in the end.
-
Some genric advise while building websites
- Use meta viewport element
- Don’t use large fixed width
- Try to use Layouts
- Use box-sizing: border-box
- Media Queries are saviour
- Use “auto” in media
- Use frameworks if possible
