Test Resources to help with week 8 test

The test will ask you to:

  1. Create a HTML file and linked CSS file.
  2. Create a CSS grid and a CSS flexbox.

See more information about test conditions on BrightSpace

CSS Grid Sizing

When setting grid column widths, so far we’ve practiced with auto and percentages in use, but there are many other ways to size grid tracks, such as fr units, percentages, fixed pixel values, and functions like minmax(). Each has its own advantages and limitations, and the right choice always depends on the use case — that is, the type of web page layout you are trying to create. For the purposes of this test, however, using auto will be sufficient.
  • Setting Grid Dimensions
  • CSS Grid Dimensions Examples

    • Test Practice Exercise

    1. Simple Flexbox Task
    2. CSS Grid with Flexbox