New developer looking to break into the tech world at my own pace!

I'm currently learning...


Latest Solutions

  • Desktop design screenshot for the Stats preview card component coding challenge
    • HTML
    • CSS

    Stat Card solution with entry level flex / html / css


    Hi! I struggled a lot with this one and I was really looking for advice in a couple of things. I couldn't figure out how to tint the picture even when I tried setting it as a background image, my one guess was maybe a transparent div but I would love more info.

    Also the issue when going into mobile view is that I had to resort to displaying the image as block and it wouldn't resize without the picture overflowing. When I specified height / width it just became small. I would love some tips regarding this.

    Last but not least I was set on displaying the stats as h2 / h3 but I figured with semantic HTML that would not be appropriate, so I went with a table design instead, would that be more appropriate? I couldn't figure out how to get it to look the way it did in mobile in regards to the "stats" section, any advice would be greatly appreciated.

    Thank you so much for your time and as always, any help or anything I could improve here I would love to know.

    View Solution
  • Desktop design screenshot for the 3-column preview card component coding challenge
    • CSS
    • HTML

    Three Card Column solution


    If there are any cleaner ways to do this or if I have made any silly mistakes I am new and would love to learn better ways!

    View Solution

Latest Comments

No comments

Michael hasn't commented on any solutions yet.