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 URL shortening page

@ezechuka

Desktop design screenshot for the URL shortening API landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestions are welcome

Community feedback

David 8,000

@DavidMorgade

Posted

Hello Chukwuka, congrats on finishing the challenge!

If you don't mind I would like to give you some suggestions:

  • For the html, try using more sematic tags, some sections to divide your content and also article and header it will boost the accesibility of your page and also position it better on search engines!

  • For the image you should probably try making it an html image for an easy positioning, in this cases and with all the changes between different sizes it will be much easier to you to center it.

  • Also would add some transitions to your hover button, for example, transition: background-color 0.5s ease

Apart from that, great job finishing the project! and keep going!

Marked as helpful

1

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