Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Design, TailwindCSS and React - Bookmark landing page

#react#tailwind-css
P
Zet 560

@zetmosoma10

Desktop design screenshot for the Bookmark landing page coding challenge

This is a solution for...

  • 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 200

@keltiek

Posted

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

P
Zet 560

@zetmosoma10

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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