All solutions

Here is my effort with the CSS grid knowledge that I have! Thank you to all who take the time to give me feedback! I do read everything, I just do not get to reply to everyone. But I do read it!

I started this project a while back and did not understand enough grid concepts to finish it. I came back to it today and applied what I've learned so far. I have not applied aria labels which is the comment I always get on these. I just keep forgetting because I am so focused on every other thing, lol.

I had problems recreating those partial borders around the Memory/Verbal/Visual/Reaction. I'd never done before, only full borders, so I skipped that part in my CSS. All the solutions I found on Stack Overflow or elsewhere were pretty intermediate/advanced for me and I just couldn't understand them lol. But here is my attempt at the rest of it minus the partial borders...found a codepen to center the entire thing upon window resize and credit is given within. Feedback welcome :).

After a month learning the basics of JavaScript, I have come back to see if I still remember my HTML/CSS for this :).

Any and all feedback is appreciated. Thank you.

Completed another one! 2 full weeks of these beginner projects and I think I'm sort of getting the hang of things! I know I still have a lot to improve on but it's a huge improvement from the first week lol. Thanks all for your feedback, I do read all of them even if I do not get to respond to each one :D.

After a small break to continue some lessons, completed this challenge! I am slowly learning about margins...if there is a better way to do this card design let me know! I still need to streamline my coding so if there are any suggestions to lessen the millions of lines I have, I would love the feedback. Thank you all :)

As usual I think there is definitely an easier way of doing all the font-sizes, colors, margins and padding...I feel like I had 20 lines of extra code. Either my eyes were fooling me but it felt like each section had its own modification. In any case, another challenge done! Help me streamline my messy code ^_^, thank you!!

Done a week of coding!

I had the hardest time with lining up the background images. I ended up just doing what Mr. Coder on YT (https://www.youtube.com/watch?v=NZpG9EBKYWc) did after trying for hours and not fully understanding how to get it to where I needed it to be...

I also do not understand how the profile picture got to be on top of the header background, because I tried all sorts of z-index lines getting nowhere, and then it magically happened in the midst of deleting unnecessary lines, so I'm not even sure what I did.

Thanks so much for all the comments so far in the other challenges I've done...I'm still trying to get better at not ending up with a million lines of code, so if you see me repeat myself excessively, please let me know!

I tried my best to follow along Kevin Powell's tutorial. So, this is not my own work, as this was done on Day 2 of coding, with zero experience. I believe I got as far as getting the HTML boilerplate down, trying to set my divs, background color, and image there, but had no clue how to proceed with anything else. So, here's my first foray into following a youtube tutorial! :D

Almost done my first ever week of coding!

Here was my main issue in this one: How do I specify a width and height for both mobile and desktop version? Or is this not possible? I ended up getting mine sort of close to the desktop version upon stretching of the browser window but it is not really close to the mobile height dimension at all once you narrow it. Or will I learn to be better at this once I go along?

I am consistently struggling with margins, padding, and borders. I feel like if I change one it moves everything in the wrong direction so I will definitely need more practice with other challenges to get those fully understood.

Thanks to all those following me along :).

Used the grid layouts for the price area, if there are better ways to structure this, let me know, thank you :)

I have limited understanding of how positioning works and getting images to inherit the dimensions of an existing image. Therefore, when I attempted to have the 'view' image appear where the original image was during the hover state, I had to manually move it up and also manually add the padding as I did not know any other way to do it. If there is a much easier way, I am happy to receive any and all feedback! Thank you :)