Skip to content
OverviewSolutions
7
Comments
6

Michael Obi

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

View more solutions

Latest comments

  • Eric Aguayo•1,055
    @EAguayodev
    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

    #accessibility
    1
    Michael Obi•70
    @mykexie

    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

  • Michael Obi•70
    @mykexie

    Great work on the desktop view

    -Main issue is: your website is not responsive.

  • Michael Obi•70
    @mykexie

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

  • Michael Obi•70
    @mykexie

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

    then, center everything

  • Michael Obi•70
    @mykexie

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

  • Michael Obi•70
    @mykexie

    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