CSS

Styling

Water.css : A drop-in collection of CSS styles to make simple websites just a little nicer

Grids

• Layoutit Grid – CSS Grids layouts made easy

• CSS Grid generator

• Learn flexbox using a game: https://hostrider.com

• A Complete Guide to Flexbox

• Masonry Grid

• One line layouts - https://web.dev/one-line-layouts/ - highly recommended

Logical direction properties

• Logical layout enhancements with flow-relative shorthands

• postcss-logical