Submitted almost 2 years ago

Blog Preview Card using SCSS

sass/scss, accessibility

Mazen Hassan•600

@Mazz100

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

Hello. I practiced some good code techniques and would like to hear your thoughts

Used only rem and em relative units for all my values. No px.
Implemented flexbox more often and took advantage of gap property to create spacing.
Practiced ::before, ::after pseudo classes along with transition effect on active states.

And of course I can't forget about HTML semantic and overall code readability!

Any feedback are welcome and appreciated.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mazen Hassan's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord