Huddle Landing page with Tailwind Css

Hello,

Very neat solution! Kate has already answered your question, so I'm just gonna mention something else: your social links would be better off semantically as a <ul> with list items. Each image could be wrapped in a link with the appropriate aria-label to describe where they are leading to (for people who don't rely on visuals, but use screen readers for example). Everything else seems great, well done!

Hey! Nice solution!

I'm not sure if it's best practice, but the way I handled the social icons is by sizing the body as 100vh:

body {
  background-color: var(--color-primary-voilet);
  background-image: url(assets/bg-desktop.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

The footer element which contains the social icons is then simply positioned at the end of the box which is 100vh.:

.footer {
  display: flex;
  justify-content:flex-end;
}

Hope that helps! Kate