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

Simple page with some animation and input form validation.

Bonrey 1,130

@Bonrey

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This time I decided to reorganize my files. I used to store all the style files in one folder, and I don't think it was a good practice. Now I hope it looks better 😉 Also, I learned about blur() function, which helped me get rid of that unnecessary focus (and :focus styles) after I click the links.

There's one question that's nagging me though: should I avoid using pixels in favor of relative units? I use rem for text, but in the end, it all comes down to px again, since rem units depend on the root font size, which happens to be in pixels. I feel especially uneasy adjusting some elements using "margin-top: 2px" or something like that.

Community feedback

Bonrey 1,130

@Bonrey

Posted

Also, it would be nice if someone could tell me how to get rid of the accessibility issues I got. Should I use buttons if my links contain only icons?

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