TIL difference between justify-content vs justify-items

POSTED ON: May 22, 2020

justify-content vs justify-items

The justify-content property aligns columns within the container.
The justify-items property aligns grid items within their tracks (not the entire container)

REFERENCE:
Stack Overflow

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

Mar 18, 2023

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

Mar 11, 2023

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')

Mar 02, 2023

Next: TIL Box-sizingSetting box-sizing to border-box is a neat trick to avoid any unexpected padding issue. It tells the browser to include any border and padding in the values you specify in that element’s width and height itself. For example, if your element width is 125px, then any padding you add will be included in that width(125px) itself.
Previous: TIL Grid Layouts by Jen SimmonsI absolutely love how Jen Simmons uses Grid to show what can be done. Two completely different usages of grid