Skip to content

Instantly share code, notes, and snippets.

@ManishPoduval

ManishPoduval/check-box-model.md

Forked from sandrabosk/check-box-model.md
Created October 20, 2021 11:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ManishPoduval/b2cb8ba1632ef366c36f66644a55f82b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ManishPoduval/b2cb8ba1632ef366c36f66644a55f82b 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