Skip to content
Submitted over 3 years ago

HTML & CSS only

Samuel Fuchs•60
@samuelfuchs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

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

  • Samuel Fuchs•60
    @samuelfuchsPosted over 3 years ago

    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
  • Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    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

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