Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-Column Card Component (SASS + Flexbox + BEM)

#accessibility#sass/scss#bem

@MelvinAguilar

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there, I’m Melvin and this is my solution for this challenge. 👋

Any feedback on how I can improve and reduce unnecessary code is welcome!

Thank you. :)

Community feedback

@cyberweb8

Posted

Good job. The match is about 99.7%, I suppose. If you're perfectionist, it means you still have to strive for 0.3% accuracy. If it is not the case, still beautiful job.

By the way, the extension you've mentioned earlier was 'PerfectPixel' not 'PixelPerfect', right?

My aplogies, if I come across as someone pedantic. Trust me, I am not. Just want to know if I am working with the same extension. That's all. Buena suerte.

1

@obere4u

Posted

Wao, so neat... learned about 'PerfectPixel' from the replies now

@MelvinAnguilar nice one.

0

@erandakarachchi

Posted

This is just awesome! I have a small question, How do you keep the width and height perfect? Are you using Figma designs?

0

@MelvinAguilar

Posted

@erandakarachchi Hi! I'm not a premium user, so I don't have access to the figma designs, but what I do is use an extension called "PixelPerfect" to compare my solution with the photo that comes in the project files: "desktop-design.jpg" .

2

@erandakarachchi

Posted

@MelvinAguilar Wow, it's a nice extension. Thanks for sharing

0
Robert 50

@cashmerefrosh911

Posted

this is awesome and impressive.

0

Favour 2,140

@Nadine-Green

Posted

Im shocked at the uncanny remblance

0

Please log in to post a comment

Log in with GitHub
Discord logo

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