Name: Aside: Control the size of elements with box-sizing
Uploaded: 2022-09-24T15:25:40.994Z
Duration: 5 min 38 s
Description: Aside: Control the size of elements with box-sizing

scrimba

Watch in fullscreen

Aside: Control the size of elements with box-sizing

by Guil Hernandez

The Frontend Developer Career Path

About

Comments

Notes

Apply box-sizing to the page3:37

Aside: Control the size of elements with box-sizing

by Guil Hernandez

The Frontend Developer Career Path

Expand for more info

Apply box-sizing to the page3:37

index.css

run

preview

console

body {
    font-family: 'Karla', sans-serif;
    text-align: center;
    background-color: #c5d8ea;
    margin: 0;
}

.promo-card {
    width: 400px;
    height: 400px;
    padding: 25px;

    background-color: white;
    box-shadow: 0 2px 10px #8aa7c1;
    border-radius: 8px;
    margin: 2em auto 0;
}

h2 {
    font-size: 2rem;
    color: #9a3412;
    margin: 0 0 1em;
}

h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5em;
}

p {
    margin: 0 0 1.5em;
}

body {

font-family: 'Karla', sans-serif;

text-align: center;

background-color: #c5d8ea;

margin: 0;

}

.promo-card {

width: 400px;

height: 400px;

padding: 25px;

background-color: white;

box-shadow: 0 2px 10px #8aa7c1;

border-radius: 8px;

margin: 2em auto 0;

}

h2 {

font-size: 2rem;

color: #9a3412;

margin: 0 0 1em;

}

h3 {

font-size: 1.25rem;

margin-bottom: 0.5em;

}

p {

margin: 0 0 1.5em;

}

-5:38