Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
4
P
Stefan Vetsch
@vstm

All solutions

  • Suite landing page solution with scss/BEM

    #sass/scss#vite#bem

    P
    Stefan Vetsch•140
    Submitted 9 months ago
    • I used the responsive images (and) but I wasn't sure how to test them properly (for example how to simulate that webp is not supported, or the 2x image for apple devices). Is there any easy way to do this in chrome devtools? Or do I need something like browserstack to do that.

    0 comments
  • Bento Grid challenge with sass/scss and CSS grids

    #sass/scss#vite

    P
    Stefan Vetsch•140
    Submitted 10 months ago

    I'd appreciate general feedback (or even opinions) about my approach

    • Am I using BEM correctly?
    • I implemented the individual cards as modifiers, was this a stupid idea? :D
      • I like that the different card-types are in one place and not "spread"
      • Using elements for the different cards "felt" wrong, but would there be any pros to that approach?

    0 comments
  • Age calculator with vue and sass

    #sass/scss#vue#bem

    P
    Stefan Vetsch•140
    Submitted 10 months ago
    • I have to import the mixins in every component, is there a better way?
    • I add the styling to each SFC in a `

    0 comments
  • Testimonials grid section with tailwindcss

    #tailwind-css

    P
    Stefan Vetsch•140
    Submitted 11 months ago

    0 comments
  • Four card feature section with tailwindcss

    #tailwind-css

    P
    Stefan Vetsch•140
    Submitted 11 months ago

    1 comment
  • Product preview card with tailwindcss

    #tailwind-css

    P
    Stefan Vetsch•140
    Submitted 11 months ago

    1 comment
  • Recipe Page with tailwindcss and some pain

    #tailwind-css

    P
    Stefan Vetsch•140
    Submitted 11 months ago

    If anyone has some tips on styling list-items (/) well, that would be awesome.


    1 comment
  • Social links profile with tailwindcss

    #tailwind-css

    P
    Stefan Vetsch•140
    Submitted about 1 year ago

    0 comments
  • Blog Preview Card with tailwindcss and @font-face

    #tailwind-css#node

    P
    Stefan Vetsch•140
    Submitted about 1 year ago

    Any feedback on tailwind specific issues are appreciated, other feedback is appreciated as well.


    1 comment
  • QR code component with tailwindcss

    #tailwind-css#node

    P
    Stefan Vetsch•140
    Submitted about 1 year ago
    • There is no actual css to review (the input.css contains only the tailwind directives), the whole code is in the index.html file and in the tailwind.config.js
    • Is this actually "good" tailwindcss?
    • Did I make good use of the semantic HTML elements
    • I used an arbitrary value for the size of the QR code component ( the w-[320px] ) and I set the with of the QR code image to 100% which then results in the 288px size of the image like in the figma/design. Is there maybe a better approach?

    1 comment
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

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

Oops! 😬

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

Log in with GitHub