Skip to content
OverviewSolutions
7
Comments
6

paralayzer01

@paralayzer0160 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

  • paralayzer01•60
    @paralayzer01

    Could've used <header> to group the header elements into a single semantic group as this will allow you to define a meaning for your section.

    I think it also makes more sense to use flex as a layout for all the cards and their containers, instead of mixing up grid and flex layouts like I did. Overall, your result appears to be visually faithful to the provided reference image. Good job.

  • paralayzer01•60
    @paralayzer01

    I liked your use of the <picture> element to provide multiple image sources based on the user's device. Good work overall

  • paralayzer01•60
    @paralayzer01

    looks neat

  • paralayzer01•60
    @paralayzer01

    Seems to be good

  • paralayzer01•60
    @paralayzer01

    Try using a paragraph element for the word learning, and decreasing its size, as well as adding a border-radius radius property to its CSS selector.It could also use some extra padding on each side

  • paralayzer01•60
    @paralayzer01

    Your code is clean. Maybe just try to increase the border-radius property, and change the used fonts if you want to match the test's image exactly.