Skip to content
OverviewSolutions
6
Comments
4

Huỳnh Văn Ngoãn

@huynhvanngoan80 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

Latest comments

  • LincolnBollschweiler•350
    @LincolnBollschweilerSubmitted about 2 months ago
    What challenges did you encounter, and how did you overcome them?
    • Without the mockup I had to make best guesses (obviously, huh?).
    • Figuring out the named grid-template-areas was a bit challenging.
    • Using box-shadow was also a bit tricky. I don't think I nailed it by any stretch but it is close.
    What specific areas of your project would you like help with?

    Use of box shadow (or other css attribute?) to correctly mimic the target.

    Four Card responsive grid

    2
    P
    Huỳnh Văn Ngoãn•80
    @huynhvanngoanPosted about 2 months ago

    I think your solution is very good, but I think the height of the card is still different from the design. Congratulations on completing the challenge.

    0
  • DMVDEV•70
    @thedmvdevaustinSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    The direction I'm going in understanding semantic html, and how certain properties affect elements

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

    Encountered challenges with using the picture tag for dynamic images and used the mdn to learn how to effectively use the picture tag

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

    Semantic html, areas of when to use margin over padding. In this scenario, in order to create the additional space I used padding on the body element to get the separation of the card and the background on the left and right side. Also I set the html and body tags to have a height of 100% in order to create height to center the card. Is that the correct way of doing it or is it a better way of putting the card in the middle of the screen

    Responsive card component with html and css flexbox and grid

    1
    P
    Huỳnh Văn Ngoãn•80
    @huynhvanngoanPosted 2 months ago

    Congratulations on completing this challenge well. However, in terms of interface, there are still some problems with border radius and hover effect on the button. I think it still doesn't match the design. I think you need to review it. Have a nice day!!!!

    0
  • YanKolev•30
    @YanKolevSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Proud-Improvement using flexbox. Differently-improved dimensions and/or media queries.

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

    For this build- the box-shadow property... how close, yet so far I was from making it similar to the design. After some diving in the mdn docs and experimenting the fact that you can have 2 part box-shadow was a big revelation.

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

    Any feedback on improving the code structure or more optimized approach will be welcome.Thanks!

    Starter challenge, HTML, CSS, Flexbox

    1
    P
    Huỳnh Văn Ngoãn•80
    @huynhvanngoanPosted 2 months ago

    I think your solution is quite ok, however there are some points to note: the height of the card is not correct with the design and also the pointer effect when hovering and the color change effect when hovering on the title. I think you need to edit a little bit there and it's ok

    Marked as helpful
    0
  • P
    Huỳnh Văn Ngoãn•80
    @huynhvanngoanPosted 2 months ago

    I think your solution is not really good, it is not similar to the design from the image layout

    1