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.
Users should be able to:
- See hover and focus states for all interactive elements on the page
- Solution URL: [Blog-Preview][https://github.com/thebraudalf/Blog_Preview_Card.git]
- Live Site URL: [Blog-Preview][https://thebraudalf.github.io/Blog_Preview_Card/]
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
Always make responsive webpages in other css file. And Use of media query.
code snippets, see below:
@media screen and (max-width: 1440px){
main{
margin-top: 300px;
}
}
- FlexBox - This helps make your element in center, and giving space-between, etc.
- Media Query - This helps to make your websites responsive.
- Frontend Mentor - @thebraudalf