Skip to content
Submitted 12 months ago

Responsive Blog Preview Card - Angular 18 - SSR - SCSS

accessibility, angular, sass/scss, lighthouse
Juan Gomez•260
@newbpydev
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am most proud of the SCSS mixin that I have used, as I continue exploring the possibilities of SCSS each project will add more features for me to share with everyone.

What challenges did you encounter, and how did you overcome them?

The main challenge was trying to make sense of the possibilities of SCSS, on the README.md file I added a responsive function that I made up which helped me understand how the inner workings of SCSS.

What specific areas of your project would you like help with?

Feel free to share any insights on SCSS, mixins, or BEM that could enhance my project. I’m open to learning and improving!

Code

Please log in to post a comment

Log in

Community feedback

  • AymaneOnline•370
    @AymaneOnline

    Your solution seems amazing. I recommend you use lighthouse for accessibility measures (you got 89% score on it), even if does not exactly match the style-guides but it's a bonus for legibility.

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