Skip to content
OverviewSolutions
11
Comments
12
Jye Harry
@jyeharry

All solutions

  • Submitted 26 days ago

    FAQ Accordion with animation

    #accessibility#post-css#vite#cube-css
    • HTML
    • CSS
    • JS
    1

    No specific areas.

  • Submitted about 1 month ago

    Interactive rating component

    #accessibility#post-css#vite#cube-css
    • HTML
    • CSS
    • JS
    1

    Should I have handled submitting the form differently?

  • Submitted about 1 month ago

    News homepage built with Astro

    #accessibility#astro
    • HTML
    • CSS
    • JS
    1

    Probably just the structure of my styles in general but nothing in particular.

  • Submitted 2 months ago

    Meet landing page

    #accessibility#bem
    • HTML
    • CSS
    2

    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
    1

    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
    1

    The whole .card-grid class. Is there a better, cleaner way I could've built the layout in the design?

  • Submitted 4 months ago

    Responsive product card

    #accessibility#bem
    • HTML
    • CSS
    1
  • Submitted 4 months ago

    Recipe page with BEM class names

    #accessibility#bem
    • HTML
    • CSS
    1

    I'd mainly like a review of my BEM classes and styling.

  • Submitted 4 months ago

    Fluid social links profile without media queries

    #accessibility#bem
    • HTML
    • CSS
    1
  • Submitted 4 months ago

    Responsive card and fluid typography with clamp

    #accessibility#bem
    • HTML
    • CSS
    1

    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 in clamp() 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
    1

    No particular areas but open to any feedback regardless