Frontend guides

Practical guides with examples you can try in your project.

CSS / SCSS · Prettier

How to sort CSS and SCSS properties with Prettier

Set up prettier-grundy-scss-order, format a stylesheet and check the result with a reproducible example.

CSS / SCSS · Prettier

Define custom groups in prettier-grundy-scss-order: exact layout order, alphabetical typography and a checked CSS/SCSS example.

CSS / SCSS · Prettier

Reproduce and fix common prettier-grundy-scss-order problems: parser selection, plugin loading, ignored files and invalid custom groups.

CSS · Responsive layout

Real Castaway layout issues, implemented CSS fixes and before/after measurements: overflow, cards, reviews, subscription and mobile navigation.