Skapa default-knapp

[esplito]

Specifikation - skapa default-knapp

Uppgift

Följande ska göras:

• HTML och CSS ska skapas för sidans default-knapp (CTA)

Tänk på att jobba mobile-first! dvs. allt som ska synas på skärmar större än mobil ska finnas i media queries. Se wikin för hur du använder mixins (som är fördefinierade media queries).

OBS! Proxima Nova och Minion Pro använs som fonts i designen. De kostar pengar, så vi använder Montserrat och Times New Roman istället, för tillfället.

Krav

• [x] Default-knappar ska vara 40 pixlar höga. (kan hända att detta ändras)
• [x] Default-knappar ska ha #EB5E43 som bakgrundsfärg
• [x] Default-knappar ska ha #ffffff som textfärg
• [x] Den ska efterlikna angivet designexempel
• [x] Bredden ska anpassas utifrån textens längd, men får vara 95-170 pixlar bred.
• [x] Font-size bör vara 18px på desktop och 14px på mobil. (kan hända att vi ändrar detta)
• [x] Ska kunna återanvändas varsomhelst

Design

Material som kan vara intressant

• Adding Href to Button

Kontext

Desktop:

Mobil:

[Vildmusen]

Kan vara bra att lägga till så det ser ut som att man klickar när man gör det. känns också som att knappen är lite stor, vad tycker ni? Fixade bara det som fanns i punktlinstan atm men håller issuen öppen.