Design comparison
Solution retrospective
I have a few question to ask, Even though i was still able to achieve the result there are still some parts that are lagging and i would like to know how i can correct it. i did the rating section and thank you section on same page and used Js to hide rating section on submit and show the thank you section but after doing that it still keep the space for it there. i had to use js to change the flex-direction so the thank-you section can go up. Kindly review it and tell me how i can improve thanks!
Community feedback
- @fernandolapazPosted almost 2 years ago
Hi, regarding your question,
Hiding an element can be done with:
- display: none; The element will be hidden and the page will be displayed as if the element is not there.
- visibility: hidden; The element will still take up the same space as before.
In this case we need to use the display property.
You can read more about it here: https://www.w3schools.com/css/css_display_visibility.asp
I hope it's useful. 👍
1@buk-ola01Posted almost 2 years ago@fernandolapaz I tried it but still same thing
0@fernandolapazPosted almost 2 years ago@buk-ola01 Maybe because there are 2 containers, it should all be inside <main>.
0
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