Skip to content
Submitted over 1 year ago

Responsive design using html, css and JavaScript

Tinsel19•60
@Tinsel19
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I need help fixing the desktop view view, there's a little space on the right side and I've set overflow property for horizontal scroll.

Community feedback

  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarPosted over 1 year ago

    Hello there 👋. Good job on completing the challenge !

    • Using right: -30%; in .social-icons is causing the overflow issue. This property moves the element 30% of its width to the left of its normal position, which could be causing it to extend beyond the edge of its container. You may want to try adjusting this value or using a different approach like margin to position the element without causing overflow.

    This line: line 567

    I hope you find it useful! 😄

    Happy coding!

    Marked as helpful
    1
    Tinsel19•60
    @Tinsel19Posted over 1 year ago

    @MelvinAguilar Thanks very much, I'll try it

    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