Huddle Project using Mobile-first workflow

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

1. I learnt about responsive font-sizes using clamp().
2. I have also used, min(), max() and calc() on padding, margins and width.
3. I think I have understood when to use em, rem, px and % - please correct me if I'm wrong.

#What would I do differently?

In my next project, I will use Bootstrap.

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

1. I started working on the project with Desktop screen size and soon realized I should try using Mobile-first workflow, after reading about Bootstrap.
2. I learnt about responsive sizing of font, images, padding and margin.
3. I used column gap to separate elements, but because the footer elements were not responsive, I realized that gap property does not shrink the gap between elements as we resize the webpage.

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

1. I don't think I have understood correctly the use of min() and max() for responsive design, and whats the best practice.
2. At 1200px, footer element .subscribe, shifts to the right edge. I do not understand how I could center the elements, I tried using margin: 0 auto to center the footer elements but did not work.
3. My webpage had a horizontal scroll, and I couldn't understand what was causing the overflow. Although, I don't have that scroll on the live url, also, don't know why.