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

Shortly URL shortening API Challenge - Vanilla JS

#accessibility

@migsilva89

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


Hi, community,

One more project, done!

This one was built with:

  • Semantic HTML5 markup;
  • TailiwndCSS;
  • Javascript;
  • Clipboard.js

Tips or advice on how to improve are very welcome, thank you all!

Community feedback

enochlee 600

@iamenochlee

Posted

Looks good!, i noticed some few stuff, first i think you should disable the button or give a notification while the link is being shortened, makes for awareness, closing the mobile nav on click outside, also at 1600px screen width your block-padding for the page is very little, you might want to keep the same padding it had at 1440px. Happy Coding!

Marked as helpful

0

@migsilva89

Posted

@iamenochlee Thanks a lot for the feedback and advice, I'll give a look at them asap.

Happy Coding!

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