Skip to content
OverviewSolutions
7
Comments
7
Andi
@AStombaugh

All solutions

  • Testimonials Layout using CSS Grid + Flex

    Andi•140
    Submitted about 1 year ago

    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.

    1 comment

  • Feature Cards using Grid and Flex

    Andi•140
    Submitted about 1 year ago

    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.

    1 comment

  • Responsive Product Card Using HTML & CSS

    Andi•140
    Submitted about 1 year ago

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

    1 comment

  • Recipe Page using HTML & CSS

    Andi•140
    Submitted about 1 year ago

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

    2 comments

  • Social Links Card using basic HTML & CSS

    Andi•140
    Submitted about 1 year ago

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

    2 comments

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

    Andi•140
    Submitted about 1 year ago

    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.

    1 comment

  • QR Code using basic HTML & CSS

    Andi•140
    Submitted about 1 year ago

    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?

    1 comment