Design comparison
Community feedback
- @StroudyPosted 2 months ago
Amazing job with this! You’re making fantastic progress. Here are some small tweaks that might take your solution to the next level…
-
Avoid using
id
selectors for styling in CSS because they are too specific and hard to override, making your styles less flexible and maintainable. Instead, use class selectors (.
), which are reusable and more manageable, allowing for better control over your styles and easier updates. -
Maby explore downloading the fonts and add them to your CSS with
@font-face
, Downloading fonts and using@font-face
in CSS is beneficial because it improves performance by reducing external requests, provides better control over font styling, and ensures consistent rendering across different browsers and devices.
You’re doing fantastic! I hope these tips help you as you continue your coding journey. Stay curious and keep experimenting—every challenge is an opportunity to learn. Have fun, and keep coding with confidence! 🌟
0 -
- @MikDra1Posted 2 months ago
Well done, here are some things to review:
-
The @import rule for Google Fonts affects page load times; using a <link> tag in the HTML <head> is more efficient.
-
The p element has fixed sizes; ensure these are responsive or adjusted in media queries.
-
The footer is fixed at the bottom; ensure it does not overlap content on different devices.
And that's it. I couldn't find any more. Congratulations! 🎉🎉🎉
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
0 -
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