tristankatte / connect-your-tribe-profile-card Goto Github PK

Je card ziet er leuke en creatief uit.

Structuur van je code is leesbaar en overzichtelijk

articles hebben meestal een h element wanneer je een article begint.

zorg ook voor dat de titel van je pagina bij jou dus over mij een top level element is vanwege dat hij een h1 is

https://validator.w3.org/nu/?doc=https%3A%2F%2Fanxious-slug-baseball-cap.cyclic.app%2F

Dit maakt het vervolgens makkelijker wanneer je andere elementen padding en margin geeft

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

met een root kan je vaste custom waardes aan maken bijvoorbeeld voor kleuren

hier zie je een voorbeeld met wat ik heb gebruikt voor sprint 6

:root {
  --grey--99: #3c3b34;
  --grey--70: #9b9a92;
  --grey--50: #c6c5bd;
  --grey--20: #eaeae6;
  --Background--grey: #f6f6f4;
  --Accent--red: #ff6b6b;
}

Tips

Gebruik media querys of container query voor responsive.

Kijk nog goed naar je html structuur

De animatie bij vaardigheid is leuk maar het veroorzaakt wel layout shifting.

Maak gebruik van custom properties is je code consistent en dan werk je dry

Tops

Mappenstructuur ziet eer goed uit

Goed dat je comments gebruikt