Skip to content

Instantly share code, notes, and snippets.

@ross-u

ross-u/check-box-model.md

Forked from sandrabosk/check-box-model.md
Created January 27, 2022 16:51
Show Gist options
  • Save ross-u/032fb278e9055e93ad3a541c6f0b61c5 to your computer and use it in GitHub Desktop.
Save ross-u/032fb278e9055e93ad3a541c6f0b61c5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
check-box-model.md

Box model exercise

Here we provide you some tips to do the exercise:

  • You should work with three different divs: card (gray), title (green) and content (blue).
  • The title is separated by 10px on the top and right sides, 20px from the left side and 40px from the content. It also has a 2px border.
  • The content is separated by 10px on the left and right sides. On the top and the bottom, there is an space of 5px.
  • You can use the colors that you want. If you want to use the colors you have in the image, those are:
    • Card background color: #E9E6E6
    • Title background color: #78F0B7
    • Title border color: #178C55
    • Content background color: #24CCDA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment