Skip to content
OverviewSolutions
7
Comments
7
P
Andy
@AStombaugh

All solutions

  • Submitted 4 months ago

    Testimonials Layout using CSS Grid + Flex

    • HTML
    • CSS
    1

    1. What could be refactored in my CSS to make it simpler? I tried combining as much code as I could and ultimately found that I was overwriting myself as I was doing it which results in me splitting EVERYTHING into classes so I could better track where I was getting stuck. My primary cards have a total of three classes on just the top level card and that seems excessive.

    2. On desktop, what could I do to improve the handling of the grid layout? It feels very clunky to me. I'm not sure if that's just my lack of understanding the concepts of Grid or if I'm overthinking it. Realistically I would have liked this to reduce from desktop to mobile and back again with a little less reliance on media queries, but as I worked through this I genuinely could not figure out a way to make that possible. It feels like grid is intended to be very precise whereas flex allows you to utilize percentages and math to scale responsively.

  • Submitted 4 months ago

    Feature Cards using Grid and Flex

    • HTML
    • CSS
    1

    Is there a more efficient, less complicated approach to this? Is mixing Grid and Flex okay as long as it achieves the solution or should I have stuck to one or the other and worked my way through it? This project was frustrating and I'm not sure if I just made it more complicated than it had to be and that's why I struggled with it so much.

  • Submitted 4 months ago

    Responsive Product Card Using HTML & CSS

    • HTML
    • CSS
    1

    Ensuring that my HTML is clean and I kept the CSS simple. I tried hard not to "over code" this time.

  • Submitted 5 months ago

    Recipe Page using HTML & CSS

    • HTML
    • CSS
    2

    Ensuring correct HTML tags were used and if there's a suggestion on how to handle my issue with the header graphic better.

  • Submitted 5 months ago

    Social Links Card using basic HTML & CSS

    • HTML
    • CSS
    2

    Ensuring that I used correct semantic HTML, especially with regards to accessibility since that was a huge problem on my last project.

  • Submitted 5 months ago

    Blog Preview Card using HTML & CSS w/ hover & focus states

    • HTML
    • CSS
    1

    Ensuring that I got the accessibility portion correct this time, as I did not do that on the first project. I think the code is sound though.

  • Submitted 5 months ago

    QR Code using basic HTML & CSS

    • HTML
    • CSS
    1

    Could I have simplified the code any further? Is there anything redundant or otherwise unnecessarily declared that could have saved me time and the overall amount of code?