This is the responsive website layout using gridflex and js
Design comparison
Solution retrospective
I am proud that i design this layout within small interval of time
What challenges did you encounter, and how did you overcome them?responsiveness has always been my issue, but now using flex and grid my life has become way more simple.
What specific areas of your project would you like help with?I wanted to maintain my code with more reuseablility.
Community feedback
- @jonathancklee1Posted 7 months ago
Hi Bigyan, Great work in completing this project. Regarding your question about code re-usability, using plain HTML and CSS isn't the best way to do that, unfortunately. A javascript framework will allow for much easier component-based design so something like React or VueJS. However, this might be a bit further in your studies before you get to this point. There is something called Web components recently introduced for plain HTML, might be worthwhile checking it out.
I noticed that you tried making reusable CSS classes in your reuse.css. This is a great idea and luckily there is a CSS framework that does exactly this called Tailwind.css. It is a utility-based framework that turns styling into a simple class that you can use inside the class attribute like you did in this project. Once you get normal CSS down, you should definitely look into this as well.
Hope this helps!
Marked as helpful0
Please log in to post a comment
Log in with GitHub
Join 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