Fylo Landing page with Two Column layout built with vanilla CSS
Design comparison
Solution retrospective
Built with HTML5 and pure CSS.
Any feedback would appreciated !
Community feedback
- @Nam-HaiPosted about 3 years ago
On the mobile version of the site, the navbar buttons tend to touch each other. To make responsive easier you might want to code "mobile first" in head.
Marked as helpful0@abanicaissePosted about 3 years ago@BlueTompon , Yeah I know, but I failed to do any better ! That's why on even smaller screens those navbar links disappear to let the logo on the center ! I'm still trying to learn JavaScript, so it was hard for me to just put a hamburger menu on phones and tablets instead ! I know it's possible to make hamburger menu with CSS only, but I preferred to avoid dealing with such a nightmare since I'll probably never make hamburger menu like that on Real-World Projects !
0 - @fidellimPosted about 3 years ago
Hi Nicaisse,
Great work on this project! Just one suggestion, you might want to add some hover effects to the elements that can be clicked (e.g. social media logos and page names). In terms of implementation of the design, it works well for both desktop and mobile views.
I hope it helps!
0@abanicaissePosted about 3 years ago@fidellim Thanks, I always forget to create those hover effects, I'll try to them when I Update the solution
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