Design comparison
Solution retrospective
This project was built using Tailwind css. Any suggestions oh how to build websites effectively will be gladly appreciated. Thank you.
Community feedback
- @MelvinAguilarPosted about 1 year ago
Hello there ๐. Good job on completing the challenge !
-
Hello! Your project built with Tailwind CSS looks good, but I have a couple of suggestions. Instead of creating separate versions for mobile and desktop, try adapting a desktop version to mobile using classes of tailwind. Hiding large sections of HTML isn't ideal and results in a lot of repeated code.
Consider using the grid layout for this challenge; it would provide a more comfortable solution. Tailwind also supports a mobile-first approach, so implement your design first for mobile and then make adjustments for desktop using the predefined classes like
grid grid-col-1 md:grid-col-2
. This way, you don't have to recreate the entire content for desktop.grid
: Create a grid container.grid-cols-1
: It sets the number of columns in the grid to 1 by default.md:grid-cols-2
: Ffor screens of medium size and larger, the number of columns in the grid becomes 2.
Overall, it's a great start, and keep up the good work!
I hope you find it useful! ๐ Happy coding!
Marked as helpful0@hensco95Posted about 1 year ago@MelvinAguilar
Thank you so much I'll try this moving forward
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