Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7
P

Haochu Shi

@collin0418New York,NY100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • testimonials-grid-section


    P
    Haochu Shi•100
    Submitted 2 months ago

    1 comment
  • four-card-feature-section


    P
    Haochu Shi•100
    Submitted 2 months ago

    1 comment
  • responsive-product-preview-card


    P
    Haochu Shi•100
    Submitted 2 months ago

    1 comment
  • recipe-page


    P
    Haochu Shi•100
    Submitted 2 months ago

    2 comments
  • Social links profile


    P
    Haochu Shi•100
    Submitted 2 months ago

    1 comment
  • blog-preview-card


    P
    Haochu Shi•100
    Submitted 2 months ago

    1 comment
View more solutions

Latest comments

  • Matias Bastarrica•580
    @MatiasBastarrica
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of effectively placing each article in the grid cells needed to achieve the layout.

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

    The only challenge that I faced was the background image for the purple article. But just with a few searches on the internet I was able to grasp the idea of a background image and how to manipulate its position and size and was able to solve my problem.

    Testimonials grid section using grid and fluid typography

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    well done

  • Gracia Naimora Samosir•180
    @cia2003
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Well, I think I use mobile-first approach. When I heard the term "mobile-first", I thought it will be hard to learned. After I start to apply it in this project, I think it is not that hard...

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

    Mostly, I can finish this project without any challenges. But, I open to any suggestions.

    fm-four-card-feature-section

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    well done

  • Musawer-coder•70
    @Musawer-AFG
    Submitted 2 months ago

    Product Preview Card Component

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    great job

  • Arthur•130
    @ArthurCastro99
    Submitted 2 months ago

    Recipe-page projeto feito com HTML + CSS + Flex

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    well done

  • P
    Faisal Almail•410
    @faisalalmail
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I loved the idea of creating my own social links profile instead of relying on ready packaged ones, it allows me to customize the profile to the fullest.

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

    Showing as expecting with hover and focus and being navigable by keyboard is a new one to me. I think I did implement it right but could be done in a better way.

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

    Any feedback is always appreciated

    Social links profile solution - challenge 3

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    well done

  • kilekunnod•20
    @kilekunnod
    Submitted 2 months ago

    Blog Preview Card using HTML and CSS

    1
    P
    Haochu Shi•100
    @collin0418
    Posted 2 months ago

    well done

    Marked as helpful
View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub