Skip to content
OverviewSolutions
7
Comments
11
P
Levi
@law973

All solutions

  • Submitted about 1 month ago

    Product Preview Card (SCSS + BEM)

    • HTML
    • CSS
    1

    This is the first challenge where I really tried to adhere to the BEM naming convention. I would like to know where I could improve with both that and overall code readability. I would also like to know if I used the em unit properly (I used it for letter spacing on the ribbon text and for setting the height/width of the cart image in the button).

  • Submitted about 1 month ago

    Workit Landing Page (with SCSS)

    • HTML
    • CSS
    1

    I would like to know what the best method is for creating the curved ornamental borders. I tried clip-path and ended up using border-bottom-left-radius / border-bottom-right-radius, but I found that any of those options seem a little too curved on the ends, compared to the requested design.

  • Submitted about 2 months ago

    FAQ Accordion (without JavaScript)

    • HTML
    • CSS
    • JS
    1

    I have a couple of questions:

    • What is the best way to implement the plus and minus sign SVGs? I tried to find a way to insert them as mask images using ::after on the summary elements, but I encountered a "CORS" error, and this method overall was unfamiliar to me. Should they have been added as images that have alt text (which is what I went with), or would the svg tag have been more appropriate?
    • Given the use of the details and summary tags, what are the best ways to make this solution more accessible?
  • Submitted about 2 months ago

    Blog Preview Card (with SCSS + Color Variants)

    • HTML
    • CSS
    0

    I would like to know what a better way of styling the blog image would be, and if and how alt text can be applied to SVG elements.

  • Submitted 2 months ago

    Social Links Profile (with SCSS & Light Mode)

    • HTML
    • CSS
    1

    Regarding semantic HTML, I am wondering if using h2 for the "London, United Kingdom" text was appropriate, if p would have been better, or if it's merely a matter of preference. I also used an unordered list for the card links and am wondering if that was a proper use of that element.

  • Submitted 2 months ago

    Recipe Page (with Mobile-First Design & Semantic HTML)

    • HTML
    • CSS
    1

    I am wondering if I should have included an "article" tag within the "main" tag (or perhaps elsewhere); I excluded it because I figured that it was redundant in this case.

  • Submitted 5 months ago

    QR code component (with responsive design for desktop and smartphones)

    • HTML
    • CSS
    1

    I would like to know if there are better ways to use the "height", "width", "max-height", "max-width", "min-height", and "min-width" properties to make layouts that match the original design.