Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
3
Yasmina S
@yvsminvs

All comments

  • Yasmina S•110
    @yvsminvs
    Submitted over 4 years ago

    Testimonial Cards with CSS Grid

    2
    Yasmina S•110
    @yvsminvs
    Posted over 4 years ago

    Hi @AgataLiberska!

    Thank you!! I named one of the classes as ''head'' as a random name but I understand that it can be a little bit confusing... I'm going to modify all these things that you've mentioned!

    And once again, thank you so much for the tips!! :)

  • Olivier Beorchia•10
    @obeorchia
    Submitted over 4 years ago

    CSS background-image and background-position for SVG circle

    2
    Yasmina S•110
    @yvsminvs
    Posted over 4 years ago

    Hi Olivier!

    Congratulations on your first challenge!!

    I see that you added the circles as background images which is amazing. I'd suggest you to use vh and vw instead of px when you position these. With vh and vw units the images adjust to the viewport and you can achieve the responsiveness of the background. You can check my solution to see how to implement it.

    Hope it helps you!

  • Craig•10
    @CraigCodez
    Submitted over 4 years ago

    VS Code, Chrome, Stack Overflow, Favicon Generator

    1
    Yasmina S•110
    @yvsminvs
    Posted over 4 years ago

    Hi Craig!

    Congratulations on your first attempt, it looks pretty good!! You can also try to do it for desktop using media queries and, in this case, CSS Grid :)

    I checked your code and I'd suggest you to remove the width and the height assigned to these boxes. Instead, use min-width and min-height.

    When you assign a determined width/height you are fixing these values. That's why when you reduce the page, the boxes don't ''shrink''.

    Hope it helps you!

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