The main objective of this project is for the students to achieve mastery over responsive web design (RWD) and media queries without the use of any CSS framework.
- HTML & CSS
- Font Awesome
I coded the web using the mobile first and responsive web design principles, starting from the small devices screens and adapting the layout to fix larger screen sizes.
To make the web more appealing I downloaded and used some of the original website fonts, so the project could look more like the TNW website.
Finally I imported some Font Awesome icons to make the footer interactive.
I made use of CSS custom properties and variables as an experiment to make the media queries alternatively.