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

Kentavious Reid

@aweezzy30 points

I'm in love with tech. I hope to start my own robotics company in the future. My goal right now is to become a software developer in Atlanta Georgia

Latest solutions

  • preview card advertisement


    Kentavious Reid•30
    Submitted almost 2 years ago

    2 comments

Latest comments

  • ValafarL•170
    @ValafarL
    Submitted almost 2 years ago

    Product Preview

    1
    Kentavious Reid•30
    @aweezzy
    Posted almost 2 years ago

    There are only a few things that I have queries about. So in your CSS you used flex-box in your main-card class. Well in some cases that may work, but in this project I believe grid will work just fine. It is strange the way you media queried the page, I got confused by reading the non queried style tags thinking they were the desktop page. The border radius is off. you added it to both your image and your "second card" which of course gave it the full top:right:left:bottom radius. Instead I would switch to grid for your main-card and create a grid-template of repeat(1fr) so that they evenly share the element and nothing overflows. Put only border radius: 0 5px 0 5px on the image and border-radius: 5px 0 5px 0 on the "second-card".

    Marked as helpful
  • Ashwani Kumar•230
    @AshwinKumar0
    Submitted almost 2 years ago

    product-preview-card-component-main

    1
    Kentavious Reid•30
    @aweezzy
    Posted almost 2 years ago

    For the most part it looks great. Semantics and everything I like it, but why the box shadow?

Frontend Mentor logo

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

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