Made this website just by HTML and CSS used flexbox and border to styl
Design comparison
Solution retrospective
Here I tried to create this website, which I did make exactly alike , but as I am still learning web development I find it little difficult make this website flexible to small screen devices. And that closing menu on mobile device I think I needed to implement some JavaScript to it to function it like that. The side menu was a little bit difficult to set there as I have to use "position" to put it in its place .Any suggestion to do this efficient way.
Community feedback
- @abdullah43577Posted about 2 years ago
Hello there, great job taking on this challenge. I have a tip that would help simplify your job. It must have been really hard doing this hard way. But don't worry, you'll find this very beneficial.
Have you heard of CSS Grid?
They are very powerful styling weapons. And I think if you used it in this project you wouldn't find the styling that very hard. All you just have to do is to wrap the complex elements you want to layout and give it a display of grid. It works just like flexbox. but unlike flexbox grid is even more powerful.
I can't explain how powerful it is in words, but I hope you'll find this tutorial on youtube useful as much as I found it useful.
https://youtu.be/rg7Fvvl3taU
It was taught by one of the best CSS programmers Kevin Powell. He's very good. I hope you'll find that helpful.
I also saw that you haven't implemented the styling on mobile devices. That could be a bit tricky as well. So I'd recommend watching a youtube tutorial for that as well. All you just have to search for is "Media Queries" on youtube and you should find relevant information on your feeds.
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