Common properties
| Term | Meaning |
|---|---|
color | Text colour |
background | Background colour or image |
margin | Space outside an element |
padding | Space inside an element |
font-size | Size of the text |
border-radius | Rounded corners |
Flexbox layout
css
.row {
display: flex;
gap: 16px;
justify-content: space-between;
align-items: center;
}Responsive design
css
@media (max-width: 600px) {
.row {
flex-direction: column;
}
} Tagscssweb
Practise the reference.
Open the compiler, paste one snippet, and change it until you understand what it does.
Related
