Ryan Hardy
@ryyHardyAll solutions
- Submitted 4 months ago
Responsive product card with the help of Flexbox
- HTML
- CSS
There is a small issue with the image scaling that happens between screen widths of 375px and 530px. I was wondering why that is happening and how to fix it.
Also, is there a better way to name my CSS variables? I feel like I'm doing that wrong.
- Submitted 4 months ago
Mostly accurate solution ft. media query
- HTML
- CSS
As I mentioned, I feel like the CSS is messy in places, so any organization tips would be great. I used a lot more element selectors and I don't know if that's best practice or not. As always, I am open to advice in any area if you see anything.
- Submitted 4 months ago
Social links profile card with the figure element and some flexbox
- HTML
- CSS
I am starting to notice how useful CSS variables can be. I know it doesn't apply as much in smaller challenges, but I want to learn how CSS variables are named/organized in larger projects to make things more consistent. Like usual, I could always use feedback on how the HTML as structured and if I did anything messy or unnecessary in the CSS.
- Submitted 7 months ago
Blog preview card using the cascade a bit
- HTML
- CSS
I was wondering if I should have used different units for a lot of the spacing challenges I had. I tried to use a mix of em, rem, and % but I'm not sure if I did that correctly. Also, I feel like the CSS for the active states looks a little weird.
Also, I used a lot of descendant selectors like ".class1 .class2" and I'm not sure if there is an alternative or if it was even necessary to do that in most of them.
- Submitted 8 months ago
QR Code Card Using HTML Figure
- HTML
- CSS
I am still learning how to apply good CSS practices. I would like feedback on how clean it is and if I should rename any variables/classes. Also, I am sure there is a better way to handle the units. I feel like I overused rem a lot.