Lab 04 - CSS 3

Goals of the exercise

  • You can make a webpage responsive.
  • You can apply @media queries.
  • You can implement responsive images.
  • You can make elements scale with the viewport size.
  • You can style text.
  • You can correctly style a button with proper color and contrast.
Go to the solution
the CSS logo

Description

For this lab exercise we had to create multiple things that have a big need for mobile fluid design. We had to create fluid systems that dynamically change with the screen's width.

Related items

/

Reflection

  • Wauw

    I had no trouble with the links to buttons exercise. I also found it fun to play around with the typography.

  • Auwch!

    The cards seem easier than they are. You have to take a lot of different parameters into account and it is easy to get lost in your code.

  • Hmmm?

    I found the media queries interesting, I haven't used them all that much, but I will definetly use them in the future