Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
0

Chris

@ks-web-workbenchPoland30 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

  • 3 column preview card component flex and grid

    #bem#sass/scss

    Chris•30
    Submitted about 1 year ago

    Can my CSS code be cleaner or simpler? In media queries I reset the border radius and then declare new values for different corners. Is this correct?


    0 comments
  • Blog preview card

    #bem#sass/scss

    Chris•30
    Submitted about 1 year ago

    The main image in design preview is a bit higher on mobile layout than in my solution. It's cropped on the sides, so aspect ratio is different. Is there any way to achieve the same effect without cropping source image in e.g. Photoshop? Another thing - I'm not sure if I used BEM metodology right (particularly card__author section). And one more thing - I didn't nest anything in css because I read somewhere that this makes the code easier to read. Is that true? I love nesting and I'm a little disappointed ;)


    0 comments
  • QR code component

    #bem#sass/scss

    Chris•30
    Submitted about 1 year ago

    I really don't know how to control line of text. I used max-width: 25ch to limit lenght of text but I don't know if it is done right. Is h2 semantically appropriate for a component header?


    1 comment

Latest comments

No comments written yet.
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