Skip to content
OverviewSolutions
27
Comments
15

Stefan

@stfnpczk730 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Stefan•730
    @stfnpczk

    Looks great Jiwon!

    An other way to approach the input validation is to use a loop for the nodelist elements of the form. That way you only need to write one input verifier and can check all the fields together whether an input was made or not. To better understand what I mean, you can see my js of the challenge here .

    Happy coding :)

    Marked as helpful
  • Stefan•730
    @stfnpczk

    Hi Kiyoomi,

    I think the issue can be fixed, if you use padding-top instead of margin-top within testimonials .cards

  • Stefan•730
    @stfnpczk

    Hey Paulina,

    for the icons to change the color on hover, they need to be in a dynamic format like for example svg. As far I know, you can’t do that with jpg/png as they are static and you can’t access any color properties within <img> itself.

    So instead of the png format, you should get svg icons or import them from some icon library like Font Awesome and apply the respective color properties for it to change the color.

    Marked as helpful
  • Stefan•730
    @stfnpczk

    Hi Daniel,

    in regard to the js, I was asking myself the same question and stumbled upon the details element. It has a built in open state that can be toggled. So you can loop through all detail DOM elements and disable the open attribute for all except the one you clicked. For my solution, I was referencing the js in this post here.

  • Stefan•730
    @stfnpczk

    Hi Evan,

    one way to make the box float a little bit outside the card, is to put the box in a separate div that is outside of the accordion-container and put the z-index property on it.

    Marked as helpful
  • Stefan•730
    @stfnpczk

    Hello HutHut,

    using background-repeat: repeat-x is certainly a very good and efficient way to display the stars. Although there's nothing wrong with using multiple svgs here. As you put the stars in a flex container, you have more control over the gaps between them. But either way is fine, I think.

    As far as the indentation goes, I also struggled with that one. Instead of an explicit height, I used the n-th child selector in combination with align-self and flex-start/ center / end. Have a look here if you like.

    Happy coding!

    Marked as helpful
View more comments