Design comparison
Solution retrospective
Hi everyone,
Another challenge completed! Not 100% happy about the position of the pictures but I tried my best. Also I'm not sure how can I add some spacing between the answer and the divider line when you open click on each question. Can someone please help? Thanks heaps!
Community feedback
- @mushamakPosted over 3 years ago
Hi Rhona, well done on this challenge! You can set display: grid and add gap: 1rem or 2rem. Another way of doing this is to set margin top and bottom.
1 - @JohndiddlesPosted over 3 years ago
Hi Rhona, nice work on this challenge. for the faq section on the right, you can reduce the padding, set the display: flex and justify-content: center . This should help to stop the box from expanding when you open a question. You can view my submission for this particular challenge here and the code here.
Also, for your question, you can reduce the margin for the question class and add some padding-top and padding-bottom to the sections. I think this should work.
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