Skip to content
Submitted over 4 years ago

plain html,css and vanilla js site with ajax request, response

Moustafa Mahmoudā€¢245
@DevMoustafa97
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...URL shortening API landing page
  • HTML
  • CSS
  • JS
  • API
3intermediate

Design comparison

SolutionDesign

Solution retrospective

there is a problem with the horizontal scrolling if any one have a solution please thanks in advance

Community feedback

  • Emmilie Estabilloā€¢5,540
    @emestabilloPosted over 4 years ago

    Hi @DevMoustafa97 it's line 129 transform: translateX(10%) on your header image that's causing the horizontal scroll. Applying overflow: hidden to the parent div .showcase should solve your issue. Overall, great job, some alignment issues in medium device widths and the green line connecting the three divs in the .cards section is bleeding in desktop screens. Hope this helps :-)

    1
    Moustafa Mahmoudā€¢245
    @DevMoustafa97Posted about 4 years ago

    Hi, @emestabillo thanks for your comment I'll try to apply your instructions and commit the new updates :-)

    1

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