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

Url Shortening with React and Tailwindcss

@hi-reeve

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


hey guys, this is my version of url shortening. please do give me a feedback. Thanks! :D

Community feedback

Amonā€¢ 2,560

@A-amon

Posted

Hello! And wow~ Neat work! šŸ˜²

Maybe use <a> for the .nav__link, .footer__title and .footer__link. And also wrap those social media icons and header logo in <a> tags too. šŸ˜€ As for .nav__toggle, use a button tag.

By the way, how did you make the shortening form unclickable when it's shortening? šŸ¤” I couldn't find the code via Inspect. šŸ˜‚

Marked as helpful

1

@hi-reeve

Posted

@A-amon i purposely not using a because there is no link on it šŸ˜‚ . as for the form if im remember correctly i disabled it when its shortening using a variable. you can check it on the github repo. thankyou for the feedback!

1
Amonā€¢ 2,560

@A-amon

Posted

@zynth17 Makes sense, I guess šŸ˜‚ Oh! You're using the disabled attribute. No wonder I couldn't find it in CSS. šŸ¤£ Awesome! I learnt something new~

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