attempt of a responsive solution without media queries

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

I am proud of the way I tried to make it responsive by using calc(); so it reaches the top when it has a mobile viewport, I did it this way because i tried to make it responsive without media queries, but i think i shouldn't always do it like this and sometimes use them.

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

The only challenge was making it responsive without a media query, i was trying anything i could think of until i had the idea to use a padding top reaching 0 or negative values after the width of the screen reaches a certain point.

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

If anyone has a recommendation or anything to say, I will always be listening to the comments and applying them.