Skip to content
Submitted 8 months ago

Responsive Design, TailwindCSS and React - Bookmark landing page

Zet•800
@zetmosoma10
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Bookmark landing page
  • HTML
  • CSS
  • JS
3intermediate

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
    @keltiekPosted 8 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.

    1
    Zet•800
    @zetmosoma10Posted 8 months ago

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

    0

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