Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
47
Comments
3
Mark Angel Papio
@ExiviuZ

All comments

  • Cornflakes•290
    @CornflakesPlus
    Submitted almost 3 years ago

    Responsive Card Component Using Ancient Technique... Floats, and Media

    2
    Mark Angel Papio•810
    @ExiviuZ
    Posted almost 3 years ago

    The photo somehow get squeezed when the website is getting smaller and smaller around breakpoint 900, you can use the img property, object-fit: cover; so the image gets proportionate according to its parent or container.

    Marked as helpful
  • Haider Fadel•360
    @z3sb
    Submitted almost 3 years ago

    #cssGrid and #cssFlex

    1
    Mark Angel Papio•810
    @ExiviuZ
    Posted almost 3 years ago

    You could lighten the box shadow a little bit so it's not very dark it goes with the light theme of the page.

    Marked as helpful
  • BiscuitCandy•100
    @BiscuitCandy
    Submitted about 3 years ago

    NFT-preview-card

    2
    Mark Angel Papio•810
    @ExiviuZ
    Posted about 3 years ago

    Set 100vh and 100vw to parent then put margin auto to the child you want to vertically and horizontally center. You can also set display grid then set place-content:center.

    https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub