alucard2169 / article-preview-component

This is a solution to the Article preview component challenge on Frontend Mentor

Frontend Mentor - Article preview component solution

This is a solution to the Article preview component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

The challenge

• Making the Grid Work
• The tooltip is quit hard to align
• Matching the image position
• I do not have access to the Figma sketch so the design is not pixel perfect.

Screenshot

Links

• Solutions URL: Frontend Mentor
• Live Site URL: Netlify

Built with

• Semantic HTML5 markup
• SCSS
• CSS
• Flex-box
• CSS Grid
• Mobile-first workflow

Useful resources

• Custom CSS RESET - This helped me to reset my css. I really liked this pattern and will use it going forward.
• CSS Grid Guide - This is an amazing article which helped me finally understand CSS Grid. I'd recommend it to anyone still learning this concept.
• Sass, BEM, & Responsive Design - This Helped me to understand css and scss

Author

• Nadir Nahdi
• Frontend Mentor - @5leepy
• Twitter - @NadirNahdi

Acknowledgments

• TheCoderCoder
• Kevin Powell