Submitted 4 months ago

Responsive Design, TailwindCSS and React - Bookmark landing page

#react#tailwind-css

Zet• 750

@zetmosoma10

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Bookmark landing page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Im proud of Finally Finishing this Project and next Time i will try to Manage time when building this Project. This Project took me more time than i expected.

What challenges did you encounter, and how did you overcome them?

Building Button Component was more challenging - I had to build a Button component that either return a link instance or a button instance.

What specific areas of your project would you like help with?

I Need Help with the Issue of Horizontal scrolling, i don't know what's going on here. I have been handling this horizontal scrolling good when using CSS or Sass (by using margin: 0 auto, max-width: 1110px, width: 90%) but when it comes to TailwindCSS it just not coming the way i want.

Any Feedback will be Appreciated

Community feedback

keltiek• 210

@keltiek

Posted 4 months ago

I think the issue with horizontal scrolling could be from "herobgImg" & "featureBgIcon" absolute position with:

right-[-25%]

left-[-30%]

I'm not so advanced, so I may be wrong.

Zet• 750

@zetmosoma10

Posted 4 months ago

I will look in to that, Thanks for feedback @keltiek. much appreciation.

Please log in to post a comment

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