Goal: Practice everything we've learned so far by re-creating a real website using block and inline HTML elements, custom CSS, and Bootstrap classes. Keep an eye out for correct indentation, and descriptive Git commit messages in the correct tense.
Now let’s use Bootstrap to rebuild the Wikipedia homepage. Use divs, spans, classes, floats, etc to style the page exactly as it appears in your browser. Feel free to use placeholder text and images in your project.
The goal of this exercise is to rebuild how the site looks not how it behaves, so your links don't need to link anywhere. To make a dummy link, use the #
as the value of the href
attribute on your link. For example: <a href=”#”>
.
Make sure you are committing your changes appropriately and pushing to a remote repository on GitHub. Don’t rush through this. Being able to accurately rebuild a site is a great skill to have and will really help in understanding how CSS works to style your pages.
Lesson 58 of 60
Last updated January 4, 2021