Design comparison
Solution retrospective
Using .ttf with variable font weights, using clamp function for font-size, implementing CSS reset (thank you Rupali), using rem instead of px (thank you again Rupali) and object-fit CSS property for the first time.
What challenges did you encounter, and how did you overcome them?Making the font-size change according to the screen size without using media query. Litterally googled it and [this results] was returned.
What specific areas of your project would you like help with?Tips or rules for sorting the CSS properties. Right now I am just ordering it based on the time I added that property. Should I do it alphabetically or is there a tool/extension I could use.
Other general feedbacks like what I can do better are also welcomed.
Community feedback
- @PjoabePosted 3 months ago
Great job with the variable fonts and responsive font sizes! For CSS property order, you might consider alphabetical or category-based sorting for clarity. Tools like Prettier can help automate this.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord