Skip to content
OverviewSolutions
10
Comments
10
Quang Tho Hoang
@ThooHoang

All comments

  • Quang Tho Hoang•150
    @ThooHoang

    Good Job maybe play more with the padding

  • FlightReacts11•110
    @FlightReacts11
    What are you most proud of, and what would you do differently next time?

    javascript

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

    javascript

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

    javascript

    news-letter

    1
    Quang Tho Hoang•150
    @ThooHoang

    Good Job, nice detail would be that you could update the email in the success message to the actual email that you have put in input.

  • Quang Tho Hoang•150
    @ThooHoang

    Good Job!

  • Quang Tho Hoang•150
    @ThooHoang

    good job!

  • Quang Tho Hoang•150
    @ThooHoang

    It looks great ! Good Job, only thing I would add is when hovering over card you will have cursor pointer.. but that's just a detail

  • khushi•320
    @khushi0433
    What are you most proud of, and what would you do differently next time?

    I'm most proud of completing the entire Product Preview Card challenge on my own — especially making it fully responsive for both mobile and desktop screens. I followed the style guide closely, learned how to use media queries effectively, and improved my understanding of layout techniques using Flexbox.

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

    One of the main challenges I encountered was aligning the layout across mobile and desktop views. On desktop, the content felt slightly misaligned or too high compared to the design, and on mobile, it initially looked too stretched or grouped too closely. I had to refine my understanding of Flexbox behavior and experiment with padding, gap, and alignment settings to get things just right.

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

    I’d like help with refining the alignment of the content inside the card, especially on the desktop layout. Even after trying different combinations of padding, gap, align-items, and justify-content, the text sometimes appears slightly off — either too close together or not vertically centered relative to the image. I’ve double-checked the spacing and structure, but I feel like I’m missing a small detail that could make the layout look cleaner and closer to the design file.

    Fully responsive product preview card component using css flexbox

    1
    Quang Tho Hoang•150
    @ThooHoang

    Great Job!

    Marked as helpful
  • Vedant Agrawal•600
    @vedantagrawal524
    What are you most proud of, and what would you do differently next time?

    In my previous projects, I used to take design ideas from the internet. But for this one, I created the entire design by myself. I only searched on MDN for styling options when needed. This helped me improve my layout and styling skills a lot.

    Recipe Page

    1
    Quang Tho Hoang•150
    @ThooHoang

    very nice!

  • Quang Tho Hoang•150
    @ThooHoang

    Looks great brother!

  • Quang Tho Hoang•150
    @ThooHoang

    It looks great but things I would personally change is that there is a big gap between the text and the "lecturer" compared to design and also I would add more font-weight for the heading but all in all it looks great! Good Job keep it up

  • Quang Tho Hoang•150
    @ThooHoang

    The live preview for me doesnt show the the font that we needed to use .