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.
- Solution URL: Github Repo
- Live Site URL: Live Site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
I finally learned the correct way to use clamp
for responsive typography.
.four_card_feature_title{
font-size: clamp(1.5rem, 1vw + 1.188rem, 2.25rem);
}
Continued development on CSS Grid and responsive coding.
- Resource to Learn Use of Clamp - This is an amazing article which helped me finally understand
clamp
. I'd recommend it to anyone still learning this concept.
- Website - Achigyus
- Frontend Mentor - @Achigyus
- Twitter - @ElUchihaAnbu