This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- CSS custom properties
- CSS Grid
Learn min() css func and tried to replace media queries with.
.proud-of-this-css {
max-width: min(100%, 400px);
}
Use some magic numbers i'm not proud of, for "pixel perfect"
.container > h1 {
font-size: 1.2rem;
}
.container > p {
font-size: 0.9rem;
}
- Grid Cheatsheet - Just pick a random cheatsheet from Google, but it's nice