Design comparison
SolutionDesign
Solution retrospective
Hello :)
Any suggestions are welcome. Feel free to provide feedback. Thank you!
Community feedback
- @kens-visualsPosted about 3 years ago
Hey @Dominik221 👋🏻
I have some suggestions and quick tips to help you fix some issues in your design.
- You put
position: fixed;
for the footer, which looks great on desktop screen. However, it overlaps with the content on tablet and phone size view. I'd suggest removingposition: fixed;
and trying to position it with margins because it would make sure that the footer stays where it should be on every device. I'm guilty of doing the same mistake for some of my previous projects 🙃 - Also, you could add some margin-top and margin bottom to
.container
so it has more room to "breath".
I hope this was helpful, your website looks really close to the design, excellent work. Cheers 👾
Marked as helpful2 - You put
- @Darshan-Pandya10Posted about 3 years ago
Hey Dominik , Great Design ! Looking excellent in desktop or laptop but when i tried to access the page using mobile view , the size of the cards get bigger for a mobile view , just reduce the width of the cards in mobile viewport and it will be fine. Happy Coding :)
Marked as helpful2
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