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
![image](https://private-user-images.githubusercontent.com/18396996/307497101-26ee36d4-925b-4bbd-b886-0316bb013b6d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzk5MDQsIm5iZiI6MTcyNDAzOTYwNCwicGF0aCI6Ii8xODM5Njk5Ni8zMDc0OTcxMDEtMjZlZTM2ZDQtOTI1Yi00YmJkLWI4ODYtMDMxNmJiMDEzYjZkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAzNTMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNiM2ZlOTk5MTdlMDhiZTc1ZDhiZWUzZDZjNjFiMjY0NTg5ODRkYTg0N2NhOTgyNmE5ZDIyYjU1NGRmMDY3M2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.HmQTM2HtzVeTuSQp1Er7EKlpzUdk87ukSkm24w9MrQ0)
![image](https://private-user-images.githubusercontent.com/18396996/307497127-dc051dbc-cb32-4bc7-9371-4ae906181f02.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzk5MDQsIm5iZiI6MTcyNDAzOTYwNCwicGF0aCI6Ii8xODM5Njk5Ni8zMDc0OTcxMjctZGMwNTFkYmMtY2IzMi00YmM3LTkzNzEtNGFlOTA2MTgxZjAyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAzNTMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRkNmM0OGM3OWQ1ZDg0YmQ1OWI2ZjdmNWY2MjhhZTBmODg5OWEyOGEyOThjMmU5YTAyM2YxODYwM2FhMTM3ODkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GQcIOzIOwlMWBtPw_DFjP6xd8gblZJl3piqYCzFke_w)
![image](https://private-user-images.githubusercontent.com/18396996/307497086-1d0ff9a5-f43b-4bff-a326-494fd0ea1747.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzk5MDQsIm5iZiI6MTcyNDAzOTYwNCwicGF0aCI6Ii8xODM5Njk5Ni8zMDc0OTcwODYtMWQwZmY5YTUtZjQzYi00YmZmLWEzMjYtNDk0ZmQwZWExNzQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAzNTMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRiYWI5MjNkZjlhNTUxYzM0Y2UyN2YzOTRmNTVkMTkzYzkzMzUzMWRkZWFiYzE5MTA0YzMzNDQ4MjFhYjQ2YzImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SLnfX_LIunWS8eZF52MKkYM4S6P6Kz_suoIBa__e4TQ)
- Solution URL: Solution URL
- Live Site URL: Live site URL
- HTML
- CSS
- Flexbox
- Using local fonts
- Refresh of CSS - Box Shadow & Flexbox
- Box Shadow - MDN - Useful to learn about box-shadow property in css.
- Website - Sriram Balasubramanian
- Frontend Mentor - @sriram23
- Twitter - @imsriramb