@GerbenDol
Posted
Hi Sabrina! There's one tip I'd like to give! π
Right now you're having to write a lot of code for the border-radius on each corder for all the different parts. This makes it:
- Harder to maintain (if you want to change the radius you need to do it in multiple parts of your CSS)
- Harder to make it responsive properly
What I'd suggest you do is simply add the border-radius: 5px;
to the .container
along with overflow: hidden;
and remove all the other border-radius properties on the inner-parts.
This way there's only one class to manage your border-radius on and no matter the layout of the bits inside the border-radius will always be on the right corners! π
Hope to see more of your work soon! πͺπ»
@sabrinalagasse
Posted
@GerbenDol Thank you so much for the tip! I was thinking there must have been a way to just apply border radius to the container, but didn't know to use overflow: hidden;
. Thanks again!