This is a solution to the Four card feature section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- Solution URL: https://github.com/webdevbynight/four-card-feature-section-master
- Live Site URL: https://webdevbynight.github.io/four-card-feature-section-master/
- Semantic HTML5 markup
- CSS (via SCSS)
- custom properties
- Grid layout
- pseudo-classes
- pseudo-elements
- CSS sprite
- Mobile-first workflow
Concerning the coloured top border of each card, when the border width is less than the radius of rounded corners, the border has to be displayed in a child element if we do not want the border to be rounded at the corners.
For this time, I did not feel I spent too much time carrying out this challenge.
- Website - @webdevbynight
- Frontend Mentor - @webdevbynight