Any feedback is appreciated :)
Is it possible to make the grid responsive without using media queries?
Nothing specific, any feedback is welcome
I feel like the css is a bit 'messy'. Could just be me though. Are there ways to make it more clean and maintainable?
How do you make the font size responsive without using media queries? Do you set the font-size with vw?
I made this a long time ago so don't remember.
What challenges did you encounter, and how did you overcome them?I made this a long time ago so don't remember.
What specific areas of your project would you like help with?I made this a long time ago so don't remember.
Hey there,
Looking really good! No feedback I can think of. I'd say just keep on going!
No proud
What challenges did you encounter, and how did you overcome them?Don't know
What specific areas of your project would you like help with?Don't know
Hey there!
Not really feedback but I think it turned out really well!
Goodjob
Nah
What challenges did you encounter, and how did you overcome them?Nah
What specific areas of your project would you like help with?Nah
Hey there!
Looking really nice and responsive as well. Just a few spacing differences but that's just a nitpick.
Great job
proud of the links, may try to do differently with the name, location and description parts
What challenges did you encounter, and how did you overcome them?not good at guessing the spacing between each parts
What specific areas of your project would you like help with?more accurate layout spacing specs
Hey there!
Honestly it is looking really nice. Great to see you made use of the CSS variables. As for layout spacing specs, I basically did the same thing as you where I used gap to give the links spacing from each other. The rest is also similar: using margins on individual elements.
Only thing would be responsiveness where the desktop version has a bit of a wider card.
Well done
wouldn't it be lovely if a truck-sized meteorite slammed into my flat and vaporized myass in a blink of an eye
What challenges did you encounter, and how did you overcome them?having a sleep deprivation the whole day. But once I go to bed, I just start self-arguing in my head. tf is wrong with me ?
What specific areas of your project would you like help with?Something about my element sizing. I put most of them in px units, so when I preview the phone view on my PC (1920x1080px) and shrink it down to 375~600x1080px to mimic phone ratios, it looks accordingly. But when I access the web on my actual phone (1440x3040px), it still looks good. Shouldn't it be shrink to oblivion, no?
Hey there!
It seems like you are struggling with the responsiveness, how it would look on smaller screens.
How I did this was by giving the card a min-width as well as a max-width so it can freely adjust itself between these values.
As for making sure the image scales well along side it, I put the img in a div wrapper and made used object-fit: cover for the image element itself. This way the image would always fill in the area of the div without stretching or leaving empty spaces.
Hope this helps!
Seems like you didn't use the font from the design. The font is called "Outfit" and you can download it from the google fonts page. Afterwards you can use this font in css using @font-face.
The page is wider than the screen width and it doesn't look responsive for smaller screen sizes. Consider another more flexible way of positioning the middle element with the QR.
The text overflows out of the content box as well!
