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

HTML & CSS only

@samuelfuchs

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


Hey to all of you at Frontend Mentor,

this is my first-ever challenge. This was a lot of fun to do. Even though I did not learn anything new (because I was lazy enough for using just HTML & CSS), I was able to freshen up my knowledge well. I will do this challenge with ReactJS after I finish some other projects.

I bought some of your courses on Udemy a while ago. I received an email this morning with your message on the announcement page on one of the courses, and then I found this website.

So, I would like to give a big thanks to all involved for making this incredible website with all the useful stuff on it. As the British philosopher, James Allen, once said: “No duty is more urgent than giving thanks.”

Cheers from Brazil, Samuel Fuchs

Community feedback

@samuelfuchs

Posted

Hey pikamart,

thank you for commenting on my code. This was very helpful!

I upped the media query to 575px. I found no better solution than to display the columns in rows at this point.

Thank you and have a nice week.

1

@pikapikamart

Posted

Hey, great work on your first challenge here in FEM and good luck for every upcoming challenges that you will take in here!

For the layout, well it is smaller than the original but it is fine for now. Mobile state is good but at point 554px going down to 375px, the viewport or the screen, hides now your element and therefore, creating a scrollbar at the bottom.

I would suggest that you make the breakpoint on those ranges, so that you can avoid the appearance of that scrollbar.

Aside from that, you did a good job considering it is your first challenge^^

1

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