Skip to content
OverviewSolutions
7
Comments
6
Michael Obi
@mykexie

All comments

  • Eric Aguayo•945
    @EAguayodevSubmitted over 2 years ago
    What are you most proud of, and what would you do differently next time?

    I finished the project within 45 minutes of doing this challenge.

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

    I didn't run into any issues when completing this challenge.

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

    Product-Preview-Component using flexbox

    1
    Michael Obi•70
    @mykexiePosted over 2 years ago

    Great job on this challenge...

    The very obvious thing is the "add to cart" text... in css, you might want to add whitespace(s): nowrap to the the "btn__cart" class

    0
  • Michael Obi•70
    @mykexiePosted over 2 years ago

    Great work on the desktop view

    -Main issue is: your website is not responsive.

    0
  • Michael Obi•70
    @mykexiePosted over 2 years ago

    You need work on responsiveness... i'd suggest watching some YouTube tutorials

    1
  • Bence Zámbó•510
    @zambobenceSubmitted over 2 years ago

    I have recreated this card component with Grid. As I have been learning it right now. Every feedback is appreciated.

    Cheers Bence

    Stats Preview Card with Grid

    1
    Michael Obi•70
    @mykexiePosted over 2 years ago

    change the body max-height to min-height...

    then, center everything

    0
  • Michael Obi•70
    @mykexiePosted over 2 years ago

    Thank you...and a very happy weekend to you, too

    0
  • Nwaburu Emeka Christian•20
    @Christone007Submitted over 2 years ago

    I found it difficult to have total control over the positioning of my divs. Making it responsive was quite a challenge.

    Been a while since i completed any frontend project and i'm really rusty.

    I would like to see how someone else solved the challenge

    Product Preview page using HTML and CSS

    3
    Michael Obi•70
    @mykexiePosted over 2 years ago

    Try getting the structure first..

    • there's a container (main/div)
    • there are 2 DIVs in that container
    • First div is for the image
    • second div is for the details
    • second div has 5 divs : display flex, align items to center and justify content to space between.
    • 4th child of the second div has 2 divs : current price and canceled price, display flex.
    • last child has 2 divs : cart icon and text, display flex
    2