Skip to content
Submitted about 2 months ago

Ping Responsive Challenge

alvnavraii•70
@alvnavraii
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

What I'm most proud of is that I did the challenge following a tutorial and, since there were things that didn't work, according to the tutorial's specifications, I had to modify styles myself and complete the entire Javascript part

What challenges did you encounter, and how did you overcome them?

For me, the most complicated part is the styles.

When I saw that the tutorial I was following did not fit the styles requested, I had no choice but to improvise. But I think I've done a good job.

Regarding the Javascript issue, as I am more used to it, it turned out to be less challenging than the styles issue.

What specific areas of your project would you like help with?

Any help or comments will be appreciated.

On the other hand, sorry if my English is not good enough. It's not my native language

Community feedback

  • Tharun Raj•1,330
    @Code-BeakerPosted about 2 months ago

    Hi there, congratulations on completing this challenge. You've done a great job with this one! 🎉

    I want to share some of my suggestions to help improve your solution.

    • Use the specified font or a font of your choice to make the site look better as fonts play a major role in the website's personality.
    • Maintain a little space between the error message and the email input.
    • Make fonts bigger to improve readability and accessibility. Right now, the fonts are too small and are almost unreadable. Don't use pixels to size the fonts. Read this article
    • Use rem instead of pixels for properties such as padding, margin, etc. This makes it easier to make your websites responsive for different screen sizes.
    • For styling, use classes instead of selecting elements via their tags. When handling complex projects, classes will be better and easier to understand and manage.
    • Splitting your CSS into multiple files is a good way to make it cleaner and organized.
    • Be careful when nesting classes/tags in CSS since it can create confusions when it becomes too long.

    Hope this helps you! 😄

    Marked as helpful
    0
    alvnavraii•70
    @alvnavraiiPosted about 2 months ago

    @Code-Beaker

    Thank you very much for your help.

    1

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