Skip to content

zxc-w/Blog-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor challenge [2] - Blog Card

Challenge

The challenge is to implement this design and make it responsive to different screen sizes.

Preview

Desktop Preview
Mobile Preview

What I did

  • I used width property set to fit-content to avoid the hover effect when hovering next to the text instead of directly over it .

  • Like the previous challene, used flexbox to make the layout responsive across different screens.

  • Used flexbox to make the footer image and the name on the same horizontal line and centered.

Live Deployment

Check the live site on Github Pages: Blog Card

About

Blog Card Challenge on Frontend Mentor.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published