Blog

Archive for the CSS Category


Why CSS Grid and Browser Compatibility
Posted on September 8, 2020 in CSS by Matt Jennings

No “row” markup required.
Grid is designed to work in 2 dimensions.
Use Flexbox for UI elements, but use Grid for major …

Read more


Flexbox Intro
Posted on September 3, 2020 in CSS by Matt Jennings

Features flex-containers (row or parent) and flex-items (cells or children). Both are required to work.
Excels at vertical centering and equal …

Read more


border-box CSS Value
Posted on September 3, 2020 in CSS by Matt Jennings

The boxing-size: border-box; CSS rule takes into account the padding and border when calculating the width or height of an …

Read more


CSS Attribute Selector
Posted on September 3, 2020 in CSS by Matt Jennings

The [class*=”col-“] code below is an attribute selector. This code says for any HTML element with the attribute of class, …

Read more


Responsive Design using CSS
Posted on September 3, 2020 in CSS by Matt Jennings

Responsive design is defined by three characteristics:

Grid-based layout
Media queries
Images that resize