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

Link Reducer Using React JS, AXIOS, REST API, Pure CSS & Vanilla JS

Mohamad Hag• 290

@Mohamad-Hag

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


Waiting for suggestions and opinions :)

Community feedback

P
tediko• 6,680

@tediko

Posted

Hello, Mohamad Hag! 👋

Congrats on finishing another challenge! Your solution looks good and also responds well. Here's my few tips:

  • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
  • In .intro-welcoming wrapper you should use respectively heading element <h1-h6> and then paragraph <p> or <span> not sure why u used <dt> which is a tag that defines a name in a description list.

Good luck with that, have fun coding! 💪

1
Mohamad Hag• 290

@Mohamad-Hag

Posted

For a while I did not use these tags, so I forgot what they were for and thought that dt was used to define big titles in a web page 😅 so thank you for reminding me!

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