styles.css 
HONGKIAT
JUNE 12, 2023
Example: :root { --main-color: #c06c84; } body { background-color: var(--main-color); } 4. Use Flexbox and Grid for Layouts Flexbox and Grid are powerful layout systems in CSS. They can make creating complex layouts easier. Example: @media (max-width: 600px) { body { background-color: lightblue; } } 6.
HONGKIAT
JUNE 7, 2023
Instead of this: box { background-color: #000; background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center; } You can write this: box { background: #000 url('image.jpg') no-repeat center; } Shorthand properties can make your CSS much shorter and easier to read and maintain.
Expert insights. Personalized for you.
103 
Let's personalize your content