Skip to content
OverviewSolutions
12
Comments
9
P
Emanuele Fabrizio
@efabrizio75

All solutions

  • Submitted about 2 months ago

    Interactive rating component (no libraries)

    • HTML
    • CSS
    • JS
    1

    I would like to see how others implemented the radio buttons while maintaining full keyboard functionality.

    Also, I would like to understand better why the colors I copy from the style guide file different from those that they appear in the Figma design. It's a bit annoying, but I am sure it is my ignorance in the usage of the tools. Please help :-)

  • Submitted 2 months ago

    Clipboard landing page (no libraries)

    • HTML
    • CSS
    0

    I kindly request some help in achieving full fluid/responsive layout without any kind of query (being @container or @media).

    I would like to see the minimal skeleton necessary (without negative margins, relative positioning) what maintains the current design, but as we move from 320px to 2000px of viewport's width, the elements position themselves and preserve their maximum design's width.

    Thank you!

  • Submitted 2 months ago

    Meet landing page (no libraries)

    • HTML
    • CSS
    1

    I would like help in two areas:

    1. The hero image/s without using the translate function. I still did NOT find a way to replicate the design responsively. I managed to offset it a bit with position: relative and a negative value but it's not as fluid as I wanted.

    2. The image background in the footer blended with some color: I used an overlay with a fill color, but can we also use gradients?

    3. The contrast ratio of the colors provided in the design it often does NOT pass WCAG 2 AA requirements. I have a problem with this and I think that maybe I am not understanding how to read the design documents.

    Thank you for any help.

  • Submitted 2 months ago

    Testimonial grid section (no libraries)

    • HTML
    • CSS
    1

    I would like more help in understanding better the style guides.

  • Submitted 2 months ago

    Four card feature section (no libraries) (grid)

    • HTML
    • CSS
    1
  • Submitted 2 months ago

    Recipe page (no libraries) with Rich Data

    • HTML
    • CSS
    1

    What do you guys suggest to place the image? Is it better to use only the picture tag and forget 15+ years old browser?

  • Submitted 3 months ago

    Social links profile (no libraries)

    • HTML
    • CSS
    1

    I would like to know alternative ways to utilize images and also how to consider more responsive approach.

  • Submitted 3 months ago

    Blog preview card component

    • HTML
    • CSS
    1

    I would like to know other ways to achieve font scaling without using clamp() function or media queries.

  • Submitted 3 months ago

    Product preview card component (no libraries)

    • HTML
    • CSS
    1

    I'd like to know if it's possible to reduce further the usage of width and max-width properties.

  • Submitted about 1 year ago

    3-column Preview Card solution

    • HTML
    • CSS
    0
  • Submitted about 1 year ago

    Results summary component (no libraries)

    • HTML
    • CSS
    0
  • Submitted about 1 year ago

    QR Code Component (no libraries)

    • HTML
    • CSS
    1