Intro to CSS

In this repository, you will practice using key features of CSS!

Objectives

• Link the index.html and main.css files together
• Target an element and change its colour.
• Pick a heading tag and change its font size. Make it bold and underlined.
• Import a font from Google Fonts, link it to your HTML page and try to use it for one of your elements
• Create two <div> sections. Style each of them with different background colours/fonts/different border styles. Try experimenting with the padding and margins to see how you can position content within each div. Hint: Use different class names for each div

Flexbox Bonus!

• Add the pictures in the images folder to your page
• Make it so the pictures are displayed in a row and centred on screen
• Feel free to play around with more Flexbox properties to position your images

Setup

Open index.html in your browser. Refresh each time you add new CSS/changes.

Resources

• https://www.w3schools.com/css/default.asp
• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• https://flexboxfroggy.com/