Justin
@aduatgitAll solutions
- Submitted 5 months ago
four card feature section
- HTML
- CSS
I decided to use clamp() for setting my header font-sizes, but it took a lot of tweaking to get right. I think I don't quite understand how to use clamp() yet, maybe someone can explain some best practices!
- Submitted 5 months ago
product review card
- HTML
- CSS
Is it possible to use flex to fill up the right area (-> the product information) dynamically, without having to use gap and fixed heights and eyeballing it to get it right? I know it is possible with grid, but would really like to know if it is possible with flex.
- Submitted 5 months ago
recipe page
- HTML
- CSS
I used a utility class for my flex layout, I think it worked really well but I'd like to know if stuff can be improved. For example I put the image and the first heading + paragraph into 1 div called hero, not sure if that is optimal. Because of this I also had some issues with the mobile page, where I had to change the margins of the first heading and paragraph manually instead of just changing the image.
- Submitted 5 months ago
Social links profile
- HTML
- CSS
I want to know how to size the buttons without hardcoding them. In my solution I assigned a set value to the padding of the buttons, instead I want to know if I can just "stretch them" without assigning values.
- Submitted 5 months ago
Blog-preview-card
- HTML
- CSS
The background of the small "Learning" tag below the image overlapped with the margin I put on said image. I didn't know how to fix it in a way that made the margins correct like in the figma file, so I bandaid fixed it by adding the amount of padding at the top of the "Learning" tag to the bottom margin of the image. Not too satisfied with that.
- Submitted 5 months ago
qr-code component using html/css
- HTML
- CSS
I don't feel to confident in the way I used margins, maybe there is a better solution. I also don't know if the flexbox approach I used was correct, as in not wrapping the img in a div and just using it as is.