Design comparison
Solution retrospective
I wasn't sure how to structure the code so I could change the background colour of the "Why Us" section, any tips would be greatly appreciated. Thanks
Community feedback
- @ApplePieGiraffePosted about 4 years ago
Hey, Leon! 👋
I suggest dividing the bottom half of the component card into two sections (using
div
s or something) and having each of them occupy the full height of the container and 50% of its width (which you can easily do using flexbox). Then you can easily change the background color for each half of the bottom of the card! 😉I also suggest,
- Setting a fixed width on the card component in the mobile layout (or at least doing something so that the content of the card doesn't look too squeezed when the screen width decreases).
- On that note, decreasing the padding around the component card in the mobile layout would leave more room for the card itself.
Otherwise, good work! 👍
Keep coding (and happy coding, too)! 😁
1@leon-bwPosted about 4 years ago@ApplePieGiraffe Thank you so much for the tips! That makes a lot of sense 😊
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