DigitalOcean and Cloudways logos

The DigitalOcean family is one website bigger! We’re celebrating by giving you $50 in Cloudways hosting credits to get your website up and running — right now. Let’s gooo!

Direct link to the article :left

:left

The :left pseudo-class in CSS is used with the @page at-rule to select all left-hand pages in a print document that contains multiple pages. That’s handy for setting margins on double-sided pages so that the pages on the “left” side …

Avatar of Sunkanmi Fafowora
Sunkanmi Fafowora on (Updated on )
Direct link to the article grid

grid

The grid CSS property is a shorthand that allows you to set all the implicit and the explicit grid properties in a single declaration.

.grid-container {
  display: grid;
  grid: auto-flow dense / repeat(5, 150px);
}
Avatar of Mojtaba Seyedi
Mojtaba Seyedi on (Updated on )
Direct link to the article Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers

Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers

When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we explicitly define the grid using a combination of grid-template-columns, grid-template-rows

Avatar of Temani Afif
Temani Afif on (Updated on )