Design comparison
Community feedback
- @AbimzzPosted 3 months ago
Firstly, I want to commend you on the excellent work you did on the project! Your attention to detail and overall design approach are commendable, and it’s clear that you put a lot of effort into creating a functional and visually appealing site.
While the project is strong, I noticed a few areas where improvements could be made:
-
Background Color
- The background color currently set as
--Very-dark-blackish-blue: hsl(219, 29%, 14%);
should be changed to--Light-grayish-blue: hsl(210, 46%, 95%);
. This adjustment will create a lighter and more inviting atmosphere for the site.
- The background color currently set as
-
Breakpoint Adjustments
- The breakpoint for your design needs to be adjusted to maintain a clear and readable layout across different screen sizes. Ensuring that your site is responsive will greatly enhance the user experience.
-
Class vs. ID Usage
- It’s advisable to use class names as much as possible instead of IDs. Classes provide more flexibility and can be reused across multiple elements, which is beneficial for maintaining consistency in your styles.
-
Header Syntax
- For your
.header
, consider using a more semantic approach by applying syntax such ash1, h2, h3
. This not only improves the structure of your HTML but also enhances SEO and accessibility.
- For your
-
Font Weight for Header
- The font weight for the
.header
should be set to eitherfont-weight: 500;
orfont-weight: 600;
. This adjustment will help achieve a more balanced and visually appealing text hierarchy.
- The font weight for the
Overall, you’ve done a fantastic job with the project, and with these adjustments, it can be even better. I appreciate the hard work you’ve put into this, and I look forward to seeing how you implement these suggestions. Keep up the great work!
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