HTML&CSS Basics: Media Queries

[codingbootcampseu]

• Introduce breakpoints for medium and large screens
  • You can use 786px as medium breakpoint and 992px as large breakpoint (both values are based on bootstrap)
  • You can as well make up your own breakpoints
• Increase the overall font size at both breakpoints
• Use fixed position for the "Hire Me" badge beginning with the large breakpoint
• Hide the navigation and "Hire Me" badge for printers
• Increase the spacing between the main articles beginning with the medium break point

Example Solution and Comparison

• Example solution for this task
• Comparison to previous task