Cascading Style Sheets

Cascading Style Sheets or CSS

If you need to work with CSS Grid then have a look at CSS Grid Generator which can be a great way to get started with it.

There is also some great learning material at CSS layout - Learn web development | MDN and Test your skills: CSS styling basics - Learn web development | MDN.

Here are some useful links

• CSS layout - Learn web development | MDN
• CSS Length Explained - Mozilla Hacks
• CSS Reference - A free visual guide to CSS
• flex - CSS: Cascading Style Sheets | MDN
• Test your skills: The box model - Learn web development | MDN - margin, border, padding etc
• font-variant-numeric - CSS | MDN - this is useful when the numbers don't look as you want them
• Creating CSS carousels - CSS | MDN
• CSS logical properties and values - CSS | MDN - more useful than it sounds

Things to lookup on MDN: text-wrap, color-mix, accent-color, hyphens, print-color-adjust, image-set

Advanced

These are more complex topics.

• CSS value functions - CSS | MDN
• CSS nesting - CSS | MDN
• Animating height: auto — nemzes.net
• content-visibility - CSS | MDN
• CSS performance optimization - Learn web development | MDN
• A beginner-friendly guide to view transitions in CSS - control the transition animation between pages
• :has() CSS pseudo-class - CSS | MDN

CSS can use pseudo classes, which allow selection outside of the document tree, so based on a state or relationship, see Pseudo-classes - CSS | MDN. It is also worth looking at combinators, see CSS combinators - CSS | MDN.