Design comparison
SolutionDesign
Community feedback
- @kimodev1990Posted 11 months ago
- You could make single html page instead of two pages. By making an external JavaScript, You can make two div containers in the single HTML file - first container (introduction & submit ) and second container ( result ). The second container appears after choosing a number and clicking submit.
- You could achieve it by using the
document.querySelector("").classList.remove("hidden")
class .hidden is added in second container withposition: absolute ;
- You could use clamp ( ) method in your coding for font-size, width, margins, paddings etc., So your designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.
Hope you find this Useful & Helpful.
Other than that, Really Nice work & keep Going on !!
Marked as helpful0@fernandatmPosted 11 months agoHello @kimodev1990 !
Thank you for your tips, it was reallly helpful and simple to understand.
I din't know the clamp() method and I'm still studying to understand how do I use it and I'll try it in my next projects.
0
Please log in to post a comment
Log in with GitHubJoin 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