Mobile first Responsive Result Summary Component
Solution retrospective
Hello community, please help me out with the white section part of the design, I've been trying to make the blue section flow into the white section. Anyway I could go about it...?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @22Theresecodes
I haven't tried this challenge but I know the Z-index property is used for overlapping, you can try it and see if the blue section will "flow" into the white section.
Marked as helpful - P@jbaldwin406
One way to get it to 'flow' is to create a container div that will hold the blue section and the white section. So your code would have a container div and then inside that div you have one for the blue and one for the white. The white div doesn't has the same background color as the container div, so it looks like it is part of it, while the left side (blue one) has a background color so it looks like it is flowing over top the white. Hopefully that made sense, if not I am happy to explain more in detail.
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