Skip to content
OverviewSolutions
10
Comments
11
Devs-advocate
@Devs-advocate

All solutions

  • Submitted 22 days ago

    Interactive Rating Component including web accessibility standards.

    • HTML
    • CSS
    • JS
    1

    I would like to know how I should've overcome the background issue I mentioned. I also wonder if the element classes I used were appropriately named. Also, if the JS I used could've been done more optimally.

  • Submitted 28 days ago

    Newsletter Signup With Success Message.

    • HTML
    • CSS
    • JS
    1

    I would like to know how to style the input box with the autocomplete still on. From my research it was difficult to tell how to do this properly.

  • Submitted about 1 month ago

    Article Preview Component

    • HTML
    • CSS
    • JS
    1

    I had trouble working out whether to use an image directly or as a background in a div element. It's literally the first thing to configure. I got stuck because I was looking into the pros and cons of which approach to take. I'm still not 100% on when to use which, and why. I wanted to decide based on responsiveness and alignment of the image.

  • Submitted 5 months ago

    Grid Testimonial Challenge

    • HTML
    • CSS
    1

    Perhaps some clarity on how the screen should look at widths between the mobile and desktop designs. I'm gathering it's my own opinion at this point, but I was toying with having a different grid design at the in-between design widths. For example, a two-column grid.

  • Submitted 5 months ago

    Responsive Four Card Feature Section

    • HTML
    • CSS
    1

    I still create spacing between an element and the element below it by using margin-bottom. It works, but I'm not sure if I should use a different method to accomplish the spacing. I'm also trying to use em and rem units more, instead of px; and I'm still not sure if I'm using them properly.

  • Submitted 6 months ago

    Responsive Product Preview Card Component

    • HTML
    • CSS
    1

    I'm ok with how similar the outcome is to the designs. I wasn't aiming for total perfection, just to learn how to approach the solutions. I'm trying to workout the units I should be using for responsive design rather that just hard coding px. It seemed to work out ok. This reference from Kevin Powell, seems useful: https://whatunit.com/ I didn't come across it till close to the end of my solution though.

  • Submitted 7 months ago

    List styling challenge

    • HTML
    • CSS
    1

    The numbers for the Outfit font didn't match the design. I'm not sure why. I'm not sure the approach FEM expected me to use to style the list. The removal and recreation of bullet points using list-style-display: none; or direct styling of li::marker?

  • Submitted 7 months ago

    Social links profile solution using flexbox.

    • HTML
    • CSS
    1

    I was quite comfortable with challenge.

  • Submitted 7 months ago

    @font-face; media queries, flexbox; custom properties

    • HTML
    • CSS
    1

    Is there a specific technique I should've used to crop the SVG? I feel the way I achieved it was a bit of a hack.

  • Submitted 7 months ago

    QR code component solution

    • HTML
    • CSS
    2

    For this challenge, I'm comfortable with what I've produced.