Can you help me how to fix the overflow below in the section with Kira?
Mehmet Eroğul
@mehmeterogulAll comments
- @selmakoksalSubmitted 8 months agoWhat specific areas of your project would you like help with?@mehmeterogulPosted 8 months ago
Hello Selma, well done 👋
The reason of the overflow is the margin-bottom property that defined in flex-group class.
.flex-group { ... margin-bottom: 1.5rem; }
You can easily fix it by removing margin-bottom from the last flex-group element. You can try the code below. 👇
.flex-group:last-of-type { margin-bottom: 0; }
I hope this helps. Keep up the good work. 👍
Marked as helpful1 - @sannasinneSubmitted 8 months ago@mehmeterogulPosted 8 months ago
It's super clean. Great work! 😊
When I checked the live page, I noticed that there was a scrollbar appearing even though there was no content at the bottom of the page. This was caused by a 1 rem margin defined on the body element. Using padding instead of margin can solve this but It's not a big deal actually.
Keep up the good work🤘
0 - @pouryapbSubmitted 8 months ago
The only challenge this one had was centering the div 😉
@mehmeterogulPosted 8 months agoIt's almost the same except the sizes. Great job 🤘
The only issue I noticed is that the image doesn't fill the card between screen widths of 660px and 768px. To fix this, you can set the width property of img element to 100% instead of the max-width property.
1