Skip to content
Submitted about 2 years ago

URL Shortener x Tailwind CSS

Quang Hung Pham•470
@pqhung3007
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

Another project that I have the chance to work with an external API. I'm so happy to complete all the requirements of this challenge. If you have any feedback to improve this project, I'm all ears!

Happy coding and keep improving, Frontend Mentor community! 💪

Community feedback

  • Yemisrach•1,430
    @Yemisrach15Posted about 2 years ago

    Hi Quang, good job! A couple of suggestions,

    • inputs should be accompanied with labels since placeholders alone are not accessible enough. You can add a hidden label.
    • Images should have an alt text.
    • Headings should be hierarchically ordered. I see you've skipped h3 and h4 and jumped straight to h5.
    • Social media images should be either links/anchor or buttons as they'll most likely do something when clicked.
    0
    Quang Hung Pham•470
    @pqhung3007Posted about 2 years ago

    @Yemisrach15 I got your idea. Thanks for the feedback!

    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