Responsive Huddle Landing Page – Mobile & Desktop

One challenge was keeping the background image well-positioned across different screen widths. I experimented with padding and margin-bottom adjustments and eventually used clamp() between 900px and 1024px to keep the background image fill the width of the screen (footer margin affected height, and, consequently, the proportions of the body element).

I would be happy to receive feedback on other ways to position background images effectively, and any improvements I can make to make my CSS file more concise, organized, and maintainable.