DEV Community

Cover image for Burger Home Page Advance CSS Styling
Heggy Castaneda
Heggy Castaneda

Posted on • Updated on

Burger Home Page Advance CSS Styling

Burger Page Demo

  • To have the content centered
.content .body {
  margin: 0 auto;
}
  • Once you set fixed height on a container, remember to add overflow

content overflow

.content {
  width: 100%;
  height: 500px;
  margin: 10px auto;
  border: indigo solid 2px;
  overflow: scroll;
}
  • To add css borders to see how box-model is displayed for all elements
  1. open dev tool
  2. select top container (html) element
  3. add styling (click on + on dev tool>Styles tap)
* { border: 1px solid red; }

Top comments (0)