Design comparison
Community feedback
- @krushnasinnarkarPosted 4 months ago
Hi @NovikovIlya,
Congratulations on successfully completing the challenge!
There are a couple of things you can improve which I hope will be helpful!
1. Styling the Navbar
Give some styling to the navbar and use the color scheme specific to the design. Also, ensure you include the logo image:
2. Following the Design
Ensure your website follows the design closely:
- Text: Use the same fonts, sizes, and colors as specified in the design.
- Images: Place images correctly as per the design.
- Background Images: Make sure background images are added and positioned correctly.
3. Making the Website Responsive
Your website is not responsive. Here are some tips to improve that:
- Use Media Queries: Adapt your layout for different screen sizes using media queries.
- Flexible Layouts: Use flexible units like percentages,
em
,rem
, andvh
/vw
for sizing.
Summary
- Style the navbar and use the color scheme and logo specific to the design.
- Ensure your website text, images, and background images match the design.
- Improve responsiveness using media queries and flexible layouts.
I hope you find this helpful, and I would greatly appreciate it if you could mark my comment as helpful if it was.
Feel free to reach out if you have more questions or need further assistance.
Happy coding!
Marked as helpful0
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