Lab 04 - Responsive webdesign

Goals

You can build a responsive web page by using media queries, responsive images, and scalable elements that adapt to the viewport size. You are able to style text properly and design buttons with appropriate colors and sufficient contrast for accessibility.

Description

In this lab, you practice responsive web design using a mobile-first approach. You apply media queries, responsive images, scalable layouts, typography rules, and accessible link and button styling, and integrate these techniques into your portfolio.

Related links

• Information of content-property

  Content Property

Reflection

• What went well?

  It was easy to call upon the elements from css

• What could have gone better?

  Will be added when I get my results

• What went bad?

  Will be added when I get my results