Skip to content

Lesson #3: Less is More

Madison Pfaff edited this page Jul 2, 2018 · 16 revisions

lol 🤣 less is actually an extension of css that allows you to do a little more with your style. We won't be covering it in this lesson, but I thought it was punny and fitting. 😄


Put me in the container store and I'm in heaven. I LOVE organizing. My mom and husband know how I operate. I think I subconsciously leave my room extremely messy just so I can have an even greater level of satisfaction when I (eventually) clean it.

We're going to condense the files in our project folder. We'll play around with the organizational aspect of the project folder, and just have a fun little Spring Cleaning of our own! 🌸

  1. Add elements from our index-lesson2.html into the formatted index.html file. Don't change the html tags that have id="..." or "class="...". However can change the text on the inside of the html tags (<title>Code With Madi</title> to <title>CHANGE WHAT IS HERE</title>).
  2. When you've completed merging all your content in the index-lesson2.html file to the index.html, delete index-lesson2.html.

Adding One More

We're going to add our customized css sheet to our project folder. CSS files are read in order of precedence from the top down in the way they are included in the html file.

  1. Add another file, betateam.css in the folder assets/css/.
Clone this wiki locally