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

Eden Wong

@EdenWong0North York, Toronto, Canada120 points

Front-End Developer | Web Developer edenwong.work@gmail.com

Latest solutions

  • Article preview component using flex


    Eden Wong•120
    Submitted 23 days ago

    1 comment
  • Meet Landing page


    Eden Wong•120
    Submitted about 2 months ago

    1 comment
  • Responsive Testimonials using grid


    Eden Wong•120
    Submitted 3 months ago

    1 comment
  • Responsive card using grid


    Eden Wong•120
    Submitted 3 months ago

    1 comment
  • Responsive card using flex and grid


    Eden Wong•120
    Submitted 3 months ago

    1 comment
  • Recipe page using HTML5, CSS, Media Query


    Eden Wong•120
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • Yousef Adel•110
    @YousefAdelGit
    Submitted 23 days ago

    responsive article preview with js

    1
    Eden Wong•120
    @EdenWong0
    Posted 23 days ago

    Looks good! Great job!

  • P
    Emanuel Barcenas•170
    @eman2point0
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I like how I followed the design closely, however I did have issues trying to solve the header image. I need to go back and perhaps change the HTML structure in order to accomplish this.

    I used grid boxes in order to do my collage container and it was a nice technique I had not used very often.

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

    The biggest challenge I encountered was trying to get the image header just right, but I was not able to accomplish this. I also had a bit of trouble trying to get the transparent background without messing up the opacity of the children elements.

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

    I would like help with image elements and shaping them according to their container's dimensions. In this project, I would like to work on how to properly frame the header images so that it is bleeding over a bit on mobile/tablet layout, and on the side of the header content on desktop layout.

    Meet Landing Page using Gridbox and Flexbox

    1
    Eden Wong•120
    @EdenWong0
    Posted about 2 months ago

    Overall, it looks good, but the hero section doesn’t seem to match the desktop design.

  • P
    AEO•310
    @Jayfx24
    Submitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    Any review or suggestions will be appreciated, struggled with media query a bit :(

    Testimonials grid section

    1
    Eden Wong•120
    @EdenWong0
    Posted 3 months ago

    Overall, it looks pretty good and matches the desktop design. My only comment is that the last testimonial card (the one on the right) seems to have too much padding.

    For Media Query, I would suggest to test on 320px, 480px, 768px, 1024px, 1366px

    Marked as helpful
  • Shashank-993•110
    @Shashank-993
    Submitted 3 months ago

    Four card feature section

    1
    Eden Wong•120
    @EdenWong0
    Posted 3 months ago

    Overall, it looks good; however, only a few minor issues need attention—for example, the order of the cards and the font weight of the card headers.

  • Filippo-balicco•50
    @Filippo-balicco
    Submitted 3 months ago

    Product-card-responsive

    1
    Eden Wong•120
    @EdenWong0
    Posted 3 months ago

    Looks pretty good on desktop, but should be careful for spaces between paragraph on mobile

  • Cristian•120
    @Cris575
    Submitted 4 months ago

    Simple Omelette Recipe

    1
    Eden Wong•120
    @EdenWong0
    Posted 4 months ago

    Looks cool! Font weight for heading should be reduced a little bit and line height should also be increased

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

e-dimensionz Inc

e-dimensionz Inc. is a Canadian web development company specializing in custom websites, applications, and eCommerce solutions. We work with businesses of all sizes to deliver high-quality, scalable, and maintainable digital projects, with a focus on clean code, strong user experience, and long-term client relationships.

Learn more

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