All solutions

What are you most proud of, and what would you do differently next time?

getting my css grid reps in :) in terms of what i'd do differently i do want to get used to nesting in css as it looks a little cleaner that way

What challenges did you encounter, and how did you overcome them?

had an issue with the grid taking up its entire parent container and looking wayyy too tall, i solved this by tacking on margins

What specific areas of your project would you like help with?

im kinda not sure if the y-margins were the right call as i tend to avoid using margins if i can help it but yea lmk if there was a better way to get my grid to be "smaller"

What are you most proud of, and what would you do differently next time?

proud that i went with using css grid for this one, as usually i just use flexbox but i knew i'm worse at grid and needed the practice

What challenges did you encounter, and how did you overcome them?

making the mobile design... i wanted to learn how to implement the single column on mobile without a media query but in the end just used one. also as im typing this now im literally realizing i couldve just made the card container flex column on smaller screens instead of making a single column grid lol

What specific areas of your project would you like help with?

would like to know if there was indeed a way to implement the mobile design without media queries

What are you most proud of, and what would you do differently next time?

learned something valuable as i didn't know about the element, actually had the same problem in a personal project of mine so will be going back and retooling it to use that

What challenges did you encounter, and how did you overcome them?

how to change the picture on desktop vs mobile, found some guidance in the frontend mentor discord

What specific areas of your project would you like help with?

felt kinda iffy on setting the max-width of the card? also what do i do when the window gets REALLY small (like when im using responsive dimensions in devtools and i just keep making the preview thinner and thinner) because that just shrinks the card and it doesnt really stop shrinking.

What are you most proud of, and what would you do differently next time?

most proud of semantics

What challenges did you encounter, and how did you overcome them?

at a point felt like my css was getting too convoluted but i made sure to consolidate it as much as possible in the end

What specific areas of your project would you like help with?

wasn't really sure how to implement the mobile design, i kinda got there but the padding around the img stumped me so would love pointers on how to get rid of it -- surely media queries isnt the only solution?

What are you most proud of, and what would you do differently next time?

most proud of utilizing min, a css function i haven't really used before

What challenges did you encounter, and how did you overcome them?

putting anchor tags within list items while making the whole list item clickable - had to look this up. also read up on min() because i wanted the card to be slightly wider but be able to shrink on mobile.

What specific areas of your project would you like help with?

i styled the list items to look like buttons then put anchor tags inside them w/ display block and height/width 100% to make them clickable; im pretty sure this is better than using buttons but lmk if i'm wrong and also if the usage of the list was necessary at all

What are you most proud of, and what would you do differently next time?

i think i was better at following good html/css practices this time around

What challenges did you encounter, and how did you overcome them?

i noticed that the spacing between the elements wasn't quite exact on my end, especially for the author div, but i used padding-top to fix this a little bit

What specific areas of your project would you like help with?

author div spacing, scaling font-size down for mobile (my guess was min or clamp?), and for some reason i kept getting a scrollbar on my page

What are you most proud of, and what would you do differently next time?

i think i got pretty close to the provided design

What challenges did you encounter, and how did you overcome them?

remembered the box model and had to go read up on how to account for padding in the width/height of containers (it was box-sizing: border-box btw)

What specific areas of your project would you like help with?

had a little trouble figuring out the spacing between the qr code and the text but i guess there was no special spacing involved anyways