Removing the Layout Indicators
Explore how to remove unnecessary layout borders and use CSS variables for consistent color management in your Flexbox-based mobile-first web design. This lesson helps you streamline your layout and maintain style easily by applying variables for colors and backgrounds.
We'll cover the following...
We'll cover the following...
Removing the border
Wherever you see a border: 1px solid black; rule, remove it. We won’t need these borders anymore, as our page is well defined and the layout does not need to be changed.
Introducing CSS variables
CSS variables help us define a consistent palette for our application. Create descriptive names for your variables, and use them everywhere in your CSS. ...