Frontend Mentor Solutions

QR Code Component Source. Preview	NFT Preview Card Component Source. Preview	Order Summary Component Source. Preview
Stats Preview Card Component Source. Preview	3 Column Preview Card Component Source. Preview	Profile Card Component Source. Preview
FAQ Accordion Card Source. Preview	Social Proof Section Source. Preview	Article Preview Component Source. Preview
Four Card Feature Section Source. Preview	Base Apparel Coming Soon Source. Preview	Advice Generator App Source. Preview

Built with

• pnpm: Fast, disk space efficient package manager
• fontsource.org Self-host fonts using neatly bundled NPM packages.
• prettier An opinionated code formatter
• stylelint CSS Linter
• eleventy Static site generator
• parcel Build tool for html,css js etc
• postcss Tool to transform CSS
• postcss-preset-env postcss plugin to polyfill CSS
• open-props CSS variables for colors, sizes, shadows etc
• tailwind Utility-first CSS framework
• style-lint CSS linter
• lighthouse-ci Automate running Lighthouse

Setup

Install the dependencies.

pnpm install

Start the development server on localhost.

make dev

Build the site and save the output to dist/

make build

Check css for errors using stylelint

make lint-css

Format files with Prettier.

make fmt

Run lighthouse on solutions marked as complete

edit docs/_data/solutions.cjs to mark solution as complete

make lhci

See lighthouse results

make docs-html

Generate index

make docs