Base Apparel coming soon page (React + Tailwindcss)

Community feedback

• 

  Boots 😺•1,590

  @adityaphasuPosted over 1 year ago

  Hi! Great job on the challenge!🙌🏻

  As for the white bars, I took a look at the code and tried the devtools and it seems like those white bars are actually coming from applying max-width: 80rem to the grid container and removing it doesnt really affect the layout at all (except removing the bars of course and the image doesn't stretch it just adds space in between the text and the picture ). So I think its safe to say that you can remove the class applying that css and you should be good to go!

  • In your App.tsx just remove the xl:max-w-7xl class from the grid container div. It's the first div in the file.

  I hope this fixes the issue for you.

  Happy Coding!🕺🏻

  1

  ---

  

  Michael Lei•150

  @michaeleiiPosted over 1 year ago

  @adityaphasu Yeah I did that and then the SVG background wasn't covering the whole page so I did bg-cover and it worked thanks :3

  1

  

  Boots 😺•1,590

  @adityaphasuPosted over 1 year ago

  @michaellei-e0ca Ah! I probably missed the background because the colors are so light for this challenge hahaha but I'm glad it worked out 🙌🏻

  0