@mattstuddert
Posted
Hey! To get the border-radius
working you'll need to wrap the card in another element and add the border-radius
and overflow: hidden;
to the parent element to cut it off.
For a look at another approach, I'd recommend checking out this solution: https://www.frontendmentor.io/solutions/social-media-dashboard-pug-scss-vanilla-js-css-variables-parcel-yRxrSQ3EW/preview
@ksenius used a pseudo-element to achieve the gradient border which is a great approach that would avoid adding extra HTML elements.
Keep it up and let me know if you have any more questions 👍