Stefan Vetsch
@vstmAll solutions
Suite landing page solution with scss/BEM
#sass/scss#vite#bemPSubmitted 6 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.
- I used the responsive images (
Bento Grid challenge with sass/scss and CSS grids
#sass/scss#vitePSubmitted 7 months agoI'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?
Age calculator with vue and sass
#sass/scss#vue#bemPSubmitted 8 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 `
Recipe Page with tailwindcss and some pain
#tailwind-cssPSubmitted 8 months agoIf anyone has some tips on styling list-items (
/
) well, that would be awesome.Blog Preview Card with tailwindcss and @font-face
#tailwind-css#nodePSubmitted 10 months agoAny feedback on tailwind specific issues are appreciated, other feedback is appreciated as well.
QR code component with tailwindcss
#tailwind-css#nodePSubmitted 10 months ago- There is no actual css to review (the
input.css
contains only the tailwind directives), the whole code is in theindex.html
file and in thetailwind.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?
- There is no actual css to review (the