Ping Coming Soon Page - Flexbox, Fluid Typography, CSS Only Validation
Solution retrospective
Played around with min() for the typography, logo, and some margins. Seems pretty useful, and I'd love to explore max() and clamp() in the future. My personal challenge for this one was to try and not use any media queries. However, I couldn't find a way around them for the form. If any of you know of a better way, or have any other feedback, please let me know!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ApplePieGiraffe
Hey, Anna! 👋
Wonderful job, once again! 👍
Everything looks great! And I like the fluid typography and the hover states of the SVG icons! 😉
The only way I can think of making the form responsive without media queries would perhaps be to use CSS grid for the container or wrapper and the
auto-fitorauto-fillproperties to break into two rows when there isn't enough space for both the input and the button to remain in the same column—but I have yet to really play around with that functionality myself! 😆I small suggestion would be,
- Setting the
cursorproperty topointerfor the button.
Your code looks good! I noticed you're separating element and modifier classes from BEM quite nicely! 😊
As always, keep coding (and happy coding, too, of course)! 😁
- Setting the
- @FloPereira75
Well done, exactly as on the model! I'll try to follow in your footsteps!
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