Jason Nham• 20
@JasonNham
Submitted
I'm new to CSS designs and I want to become a web developer. Any tips on ways I could reformat my code, or tools I could've used would be much appreciated.
Thank you so much for your time.
George
@georgelowe
All comments
- George• 10
@georgelowe
Posted
Hey Jason with regards to corner rounding of the cards you might want to do this:
.orange.card { border-radius: 10px 0px 0px 10px; }
.very-dark-cyan.card { border-radius: 0px 10px 10px 0px; }
Then do a media query for when they are displayed vertically like so:
.orange.card { border-radius: 10px 10px 0px 0px; }
.very-dark-cyan.card { border-radius: 0px 0px 10px 10px; }
That way, when the cards are next to each other the left two corners of the orange and right two corners of the dark card are rounded, but when vertical its the top and bottom two instead
0
