MathiasHun1
@MathiasHun1All solutions
- Submitted 1 day ago
Responsive Galleria slideshow page
#framer-motion#react#react-router#sass/scss- HTML
- CSS
- JS
- Submitted 28 days ago
Responsive Room homepage
#react#sass/scss- HTML
- CSS
- JS
In IOS the hamburger-SVG is not visible, and I couldn't find any working solution. Do anyone know something?
- Submitted about 1 month ago
Loopstudios Landing page
#react#sass/scss- HTML
- CSS
- JS
Some best practice advice for using sass. I experimented with nesting selectors, but not a big fan of it, feels like it's harder to see through the style-system, than with proper naming and no nesting.
Other question is the @media usage: Dou you like to write a whole block for media-queries, or write them for each selector seperately (like I did here)? I'm not sure wich is better, maybe a whole @media block is cleaner..
Feel free to criticise anything, It makes me think ;) Cheers
- Submitted about 1 month ago
Product-list with cart
#react- HTML
- CSS
- JS
I didn't want to modify the given JSON data file, so I track the orders / cart-items in a derived data I create from that. The solution works but I feel it is a bit messy. I'm open to any critical thougts about that, or anything else :)
- Submitted about 2 months ago
Responsive Tip-calculator App
- HTML
- CSS
- JS
Since my JS code is very far from readable, my functions aren't decoupled, I need to do a whole refactoring.
What is a good "mental model" when you start to construct the JS code in a small -but not very small- project, like this? I thought It's small enough to just start writing, but later it created problems, and it's very time-cosuming to start again, after a certain point >> and this leads to a mess. So how do you make a plan before even start? (sorry for my english btw) Cheers, Mathias
- Submitted 2 months ago
Responsive meet landing page
#react#sass/scss- HTML
- CSS
1. Managing the 5 given text styles in a react + sass app. How could I make it more managable? My current solution is definietly not good with the mixins. 2. How to display the footer's background image for all screens? I feel like there is an easy solution, but haven't figured it out yet
- Submitted 2 months ago
Responsive product card with minimal use of media queries
#react#sass/scss- HTML
- CSS
-Changing image source depending on the card size. -Measuring element size with the ResizeObserver API
