For this problem:

Create a page name: responsive.html and modify the Problem 7 link on default.html to link to this page.

Build a responsive page that meets these requirements:

Num	Met?	Requirement
1		Responsive image with (a) at least: 2 related images and 2 breakpoints, (b) full width on small screens (<= 768 px), and 10% left and right margin on larger screens.
2		Reponsive header using viewport width.
3		Use a media query to set CSS so a table (2 or 3 columns and 2 or 3 rows): (a) has red borders and outlined cells, (b) a width of 100% for a small screen, and black borders and width 80% for larger screens.
4		Use a media query to set CSS so that text inside the table is smaller (14px) when screen is small and default size when screen is larger. Youll need to use rems.
5		Use a media query to set CSS so that text in a paragraph (or more) is smaller (when screen is small and default size when screen is larger.

You may NOT use Bootstrap. You should use the techniques on these two pages:

https://www.w3schools.com/html/html_responsive.asp

https://www.freecodecamp.org/news/learn-responsive-web-design-in-5-minutes/