Sunny Side website with Tailwind CSS

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months 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 helpful

  0

  ---

  

  Henry Seigbein•190

  @hensco95Posted 12 months ago

  @MelvinAguilar

  Thank you so much I'll try this moving forward

  0