Jye Harry
@jyeharryAll solutions
- Submitted 26 days ago
FAQ Accordion with animation
#accessibility#post-css#vite#cube-css- HTML
- CSS
- JS
No specific areas.
- Submitted about 1 month ago
Interactive rating component
#accessibility#post-css#vite#cube-css- HTML
- CSS
- JS
Should I have handled submitting the form differently?
- Submitted about 1 month ago
News homepage built with Astro
#accessibility#astro- HTML
- CSS
- JS
Probably just the structure of my styles in general but nothing in particular.
- Submitted 2 months ago
Meet landing page
#accessibility#bem- HTML
- CSS
The hero images on desktop. I was able to get have them expand outside the width of the screen using negative margins. Then at 1440px I used
clamp()
to reduce the negative margins to 0 otherwise the screen continues expanding and reveals the clipped portion of the images which looks ugly. It works but I wonder if there is a better way to achieve this. - Submitted 3 months ago
Testimonial grid section using Cube CSS
#accessibility#bem- HTML
- CSS
I'd like help figuring out how to make the grid intrinsically responsive if possible, so I can avoid using media queries as much as possible. This may not always be possible but I think there could be a way. I'm trying to model Andy Bells way of thinking by making everything fluidly responsive.
- Submitted 4 months ago
Four card feature using grid
#bem#accessibility- HTML
- CSS
The whole
.card-grid
class. Is there a better, cleaner way I could've built the layout in the design? - Submitted 4 months ago
Recipe page with BEM class names
#accessibility#bem- HTML
- CSS
I'd mainly like a review of my BEM classes and styling.
- Submitted 4 months ago
Responsive card and fluid typography with clamp
#accessibility#bem- HTML
- CSS
To come up with the dynamic value for
clamp()
(the second value), I divided the mobile font size by the mobile screen width. So for example, the body text had to be 14px on mobile and the mobile screen size is 375px. So 14 / 375 = 0.0373. So the dynamic value I used inclamp()
was 3.75vw. I'm not sure if this is the best way to come up with the value but it worked well enough for all the different text presets in this challenge. However I'd like to know if there are better practices for determining the dynamic clamp value.I'd also like my BEM class names to be reviewed.
- Submitted 4 months ago
QR code challenge using flex and BEM
#bem- HTML
- CSS
No particular areas but open to any feedback regardless