Responsive page with grid flex media-query

1. When I hover my mouse over the buttons the cursor it is not a pointer.

2. Border-radius is almost invisible, before seeing the code I thought there wasn't

3.Currently the method that I use to make a layout proportional in various size it's this : 1.I give the percentage 2. after I give the limits , min-width, min-height, max-width, max-height. 3.If I think that the limits are too low for bigger size , I use media queries and I rise up the limits. I hope you have found it helpful and it wasn't my intention to be harsh, keep going.

Hi @simgeduru,

good job on finishing your project! As for your question about media queries and responsiveness, I recommend learning more about the minimum and maximum value approach, using various css functions, such as min(), max() and clamp() in combination with relative units. You can read more about it on css-tricks.com, for example in this article:

https://css-tricks.com/beyond-media-queries-using-newer-html-css-features-for-responsive-designs/

I also recommend watching Kevin Powell's materials on YouTube :)

Another thing which I can suggest to you is using proper semantic HTML elements, for example instead of using the <div>'s for your social media links, you can wrap them in a list of anchor (<a>) elements.

Hope that helps, keep it up!