This is a solution to the Blog preview card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
- Repository URL: https://github.com/acandael/blog-preview-card.git
- Live Site URL: https://acandael.github.io/blog-preview-card/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
I have learned that you can develop for responsivity without using media queries. I solved this with CSS techniques like calc() and clamp().
.responsive-font-size {
font-size: clamp(20px, 5vw, 24px);
}
- Website - Webmoov.be
- Frontend Mentor - @acandael
- Twitter - @acandael