Design comparison
Solution retrospective
Hi !! If you have any comments or suggestions to improve my code, feel free to comment. Your feedback is appreciated. Thank you.
Community feedback
- @Deevyn9Posted over 2 years ago
Hi Macdeesh, great solution you have here, everything seems to be working, however, you’ll need to add margins to both sides of the toggle button and also the the top and bottom of the cards.
Happy coding 🎈
Marked as helpful1@macdeeshPosted over 2 years ago@Deevyn9 Hi Divine, thank you for your feedback, could you tell me more about the margin I should add ? Why ? Everything looks correct here ?
0@Deevyn9Posted over 2 years ago@macdeesh hi, the toggle button should get a left and right margin, then the cards should get bottom margins... this is on the mobile view, on a 375px width device
1@macdeeshPosted over 2 years ago@Deevyn9 You're right ! Thanks ! Could you tell me if you know, why the
gap: 2rem
(after usingdisplay:flex"
), that I set to make space between the elements, is not working on the mobile view ? Please, do you have a method that shows the right result for mobile view before deployment instead of using Google Chrome ?0@Deevyn9Posted over 2 years ago@macdeesh the browser probably doesn’t support it, you can try using margins instead
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