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

Clarice R.

@ClariceRUK20 points

Learning web development and practicing TDD.

Latest solutions

  • Mobile first using CSS grid layout


    Clarice R.•20
    Submitted about 4 years ago

    1 comment
  • Mobile first, vanilla CSS using flexbox and grid.


    Clarice R.•20
    Submitted about 4 years ago

    1 comment

Latest comments

  • Eduardo Olmedo•130
    @EduardoDevOlmedo
    Submitted about 4 years ago

    stats-preview-card-component card challenge

    1
    Clarice R.•20
    @ClariceR
    Posted about 4 years ago

    Hi Eduardo! First of all, I really like the way you used row reverse to change the order of the elements! Great job :) One thing to consider is when you resize the screen manually, the image "hides" behind the side that has the text. I don't know if that's relevant for you in this case, but it's something you could be interested in looking into. Design wise, I noticed the text is set to justify instead of align left like the file they provided (again, I don't know if that was intentional). Also, something I learned while doing this challenge myself, is that we can actually use the colour "overlay" as a linear gradient (repeating the same colour to have an even transparent colour) and the url image in the same selector, in the same property! I thought that was pretty cool :) I think you did really well :D

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