Opgave

Brug Tailwind CSS til at færdiggøre styling af en formular med inputfelter, tekstområder, radioknapper og en switch.

Udfyld de tomme felter med de relevante Tailwind CSS-klasser for at opnå den ønskede styling.

• Inputfelter og tekstområder:
  • Lys grå kant (border-gray-300);
  • Mellem afrundede hjørner (rounded-md);
  • Fokus-tilstand med blå ring (focus:ring-2 og focus:ring-blue-500).
• Send-knap:
  • Primær blå baggrund (bg-blue-500);
  • Mørkere blå ved hover (hover:bg-blue-700);
  • Afrundede hjørner (rounded);
  • Fokus-tilstand med ring (focus:outline-none, focus:ring-2 og focus:ring-blue-500).

1. Kantfarve: Brug border-gray-300 for en lys grå kant;
2. Afrundede hjørner: Brug rounded-md for medium afrundede hjørner;
3. Fokusring: Brug focus:ring-2 for at tilføje en ring ved fokus og focus:ring-blue-500 for blå farve.
4. Hover-effekt på send-knap: Brug hover:bg-blue-700 for en mørkere blå ved hover;
5. Fokusring på send-knap: Brug focus:outline-none for at fjerne standardfokus, focus:ring-2 for at tilføje en ring ved fokus, og focus:ring-blue-500 for at angive ringens farve.