Skip to content
OverviewSolutions
4
Comments
4
Michael Cook
@MikeCook9994

All solutions

  • Submitted 7 months ago

    Vanilla HTML/CSS recipe page

    • HTML
    • CSS
    1

    One annoying part of a standard block layout is that you have to be awfully particular about margins, most often top margins on :first-child elements and bottom-margins on :last-child elements. I'm curious if there's a good way to simplify this without resorting to classes. While classes are great, I would take the trade of some uglier css selectors if I can add and remove content from my markdown without having to both with making sure the correct css classes are set.

  • Submitted 7 months ago

    Vanilla HTML/CSS Social Links Profile

    • HTML
    • CSS
    1

    I'm still not sure how of the best way to approach defining the widths for these kinds of cards. A view like this should be highly reactive as much of its base width is just padded out space for the sake of it. However, I am statically setting the width of the component and using min-width in child elements which prevents reactivity.

  • Submitted 7 months ago

    Vanilla CSS/HTML Blog Preview Card

    • HTML
    • CSS
    1

    Feedback on two points: First, is using flexbox/grid to layout the content within the card overkill? It's incredibly easy to do, but it could definitely be achieved without it. Is it unnecessary to use these layout algorithms when the content's layout is static?

    Second, how would I make this layout responsive on small screens ( < 475 pixels)? Is it possible to achieve this without media queries?

  • Submitted 7 months ago

    Vanilla html/css QR-Code

    • HTML
    • CSS
    2

    There are a lot of pixel units declared in the CSS and I'm not sure that's the proper way to do things. I stuck with pixels because it was the easiest way to match the presented design as closely as possible, but I'm curious if others are able to accomplish the same with less rigid measurement units.