I'm happy that i was able to create a responsive page.
What challenges did you encounter, and how did you overcome them?i had a bit of a learning curve to understand the table attributes
What specific areas of your project would you like help with?i can' find a way to get the @media attribute is CSS to work. the @media settings don't affect anything on the page
very accurate, nice work 👏 (you just forgot the border-radius on the image 😋)
Hello, congratulations for taking up this challenge! I have some advice to give you: First of all, I notice that you are not following the design system given by the style-guide.md file! Then, in the screenshot generated by Frontendmentor, the text overflows the card! Finally, you must put the map in the center of the screen using simple absolute centering or display flex, in fact when you resize the screen, the map goes out of the screen and you have to scroll horizontally to find the qrcode!
I gained knowledge of Grid layout. Before now, I don't know how to layout components using "Grid" but with this challenge and the helpful resources in it, I finally have basic understanding of CSS Grid
What challenges did you encounter, and how did you overcome them?With the grid layout, I have a challenge re-rendering the layout at max-width of 700px mobile device view. However, I changed the display from grid to flex and it solved my problem
What specific areas of your project would you like help with?I would say a general review should be made and comment should be given. This will allow me to inprove my coding skill
I have to comment to validate my challenge so here is what I have to say: It's overall good and respects the needs of the mockups. However I noticed that the design is broken from 900px to 1100px, the text overflows the cards. You could also use the max-witdh property to improve it for really small / really large devices.
I have to comment to validate my challenge, so here is what I have to say: The cards are perfectly fine and the mobile design is correct. It's not really a problem, but the margins are not really respected on the desktop design, and I also noticed that from 1995px the main container reverts to flex-direction: row.
