AI‐08 - Code-the-Dream-School/intro-to-programming-2025 GitHub Wiki

  1. Create a folder called css at the same level as your README.md and index.html files.
  2. Inside that folder, create a Cascading Style Sheets (CSS) file called index.css.

On the index.html file:

  1. Before the closing </head> tag, insert a <link> element with a rel attribute of "stylesheet" and an href attribute that specifies the relative path to your CSS file (i.e. css/index.css).

On the index.css file, you should at least:

  1. Change the background color of the page body.
  2. Change the default text color.
  3. Customize the font family: As a stretch goal (optional), load in a font from Google Fonts.
  4. Add spacing (padding/margin) between sections.
  5. Change the alignment of the content of one of your sections.
  6. Change the font size, weight, and color of headings.
  7. Transform the style of your Name at the top of the page: As a stretch goal (optional), add a picture of yourself (remember to include accessibility aspects if you add any images).
  8. Transform the "Experience" list items into styled blocks.
  9. Transform the style of the "Connect" links: As a stretch goal (optional), make or use social media icons to replace your link text with images.
⚠️ **GitHub.com Fallback** ⚠️