Skip to content
Submitted over 3 years ago

Responsive Landing with CSS Grid

Ishmael•330
@Ishmaelsealey
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi. My question is about the border-radius: ; aspect of the section. I tried putting the border-radius: 5px; on the container of the entire section, but that didn't work.

To resolve that I went ahead and made each section have a separate border and change that using a media query for desktop screens.

While this works fine, my issue with this is that it's repetitive and would be more intuitive if I could put the border on the containing section.

Any comments on what I could do will be appreciated :D

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Ishmael's solution.

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