This is one of the coding challenges for the Fundamentals unit of the web development bootcamp offered by Code Labs Academy. In this unit, we learn the major concepts of HTML, CSS and JavaScript while providing challenges and homeworks for an optimal hands-on learning experience.
This repository contains a set of CSS-related tasks designed to go along with The CLA's HTML and CSS content. These tasks are mainly focused on CSS Foundations and CSS Box Model
-
When doing these challenges, please use all the documentation and resources you need to accomplish them. You are not intended to have any of this stuff memorized at this point. Check the docs, use Google, do what you need to do (besides checking the solutions) to get them done.
-
Before beginning any work, make sure to carefully read the
README.mdfor each exercise. There is a checklist in eachREADME.md. Rely on it to check that you didn't forget to implement any crucial details. -
Make the necessary changes to the
index.htmland/orstyle.cssfiles to get your browser to display the output in the manner you want it to. You might only need to edit one of these files, depending on the exercise's instructions.
-
Don't worry about getting the precise pixel value for elements like margin, padding, and font-size unless they are mentioned in the checklist section. Not your ability to guess that a screenshot uses "font: sans-serif bold 16px" or that the margin is exactly "42px," but rather your knowledge of CSS, is what these challenges are meant to test.
-
To put things in the proper place, you might need to add a few elements to your HTML. (For the first few challenges, we explicitly state when this must occur.)
-
More selectors might need to be added to your CSS file. Nearly everything is done for you in the first few challenges, but as you advance, you'll discover that you need to add more and more to achieve the desired result.
Happy coding! 😄