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

Ping Coming Soon Page using HTML, CSS and Vanilla JS

darshii 525

@darshii98

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


Any feedback or suggestions regarding the design or JS code is much appreciated.

Community feedback

P
Patrick 14,325

@palgramming

Posted

Look at your error message in the mobile screen view

Marked as helpful

0

darshii 525

@darshii98

Posted

@palgramming It will overlap only if you generate the error and then decrease the width in the desktop itself. If you open the site in phone, the overlap doesn't happen. In the end the site has to work on one device, right?

1
P
Patrick 14,325

@palgramming

Posted

@darshii98 yes but the question is why does it work mobile to desktop though and not the other way around

0
darshii 525

@darshii98

Posted

@palgramming because I have used watchmedia in JS, which fires when media query is fired. Not the other way round.

0
P
Patrick 14,325

@palgramming

Posted

@darshii98 Ok I will have to read up on that and look at your code to try to understand why it was needed

0
darshii 525

@darshii98

Posted

@palgramming It wasn't actually needed, I just tried something new :p

1

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