The project of fully responsive blog website with 3 subpages: home, about me, recent posts. For all subpages we used header with title, subtitle and navigation menu. The layout of navigation menu and main content is different for large and small screens. Footer is the same to all subpages
- Google fonts
- display flex
- highlighting current page in nav menu
- margins and paddings
- 2 columns for large screens and 1 for small (display flex and media query)
- width and max width to columns
- images height
- flex direction, justify content, text align
- changing order of html elements
- list styles
- text decoration and text transform
- different setting for last html element (last child)
- prevent problems with rendering pages on mobile devices and small screens (viewport)
Please note that this project is based on tutorial but the code was not copied. Every line of code was written by me according to my invention and with deep understanding of the issues.