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

Coming Soon Page with CSS Animations and CSS-Only Validation

P
ApplePieGiraffeβ€’ 30,105

@ApplePieGiraffe

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

Reports

Accessibility report (0)

Our reporter did not find any issues in this project! πŸŽ‰

ApplePieGiraffe’s questions for the community

Hey, everybody!

This was a nice, simple project that I enjoyed! πŸ˜ƒ

I once again chose to use CSS-only form validation (and included some validation icons from the last challenge I completed) and added some CSS animations.

Any feedback on both the design and code is welcome and appreciated! 😊

Happy coding! 😁

Oh, and, @zuolizhu, the VS Code extension Live Sass was so much nicer and simpler to work with (compared to NPM and node-sass)! πŸ˜‰

Community feedback

BerylBucketβ€’ 280

@BerylBucket

Posted

Looks pretty good, almost an exact match!

Only problem I see is that the social media icons on the bottom are cut off a little bit. Perhaps you could check the svg viewboxes.

1


P
ApplePieGiraffeβ€’ 30,105

@ApplePieGiraffe

Posted

@BerylBucket

Thanks for the feedback! πŸ˜€

As far as I can tell, the social media icons look fine on Chome, Firefox, and Edge, but for some reason, bits of the SVGs are cut off (like you mentioned) in Safari (I think because Safari won't render overflow: visible for some reason).

I'll do some more investigation!

0

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!