Styla ett flipkort

Ett flipkort är ett virtuellt kort som du kan vända på. Med ett flipkort kan du spela memory, öva på dina studier, skapa roliga frågespel eller presentera personal med bild fram och info bak – ni fattar, listan fortsätter! Du bestämmer själv vilket syfte just ditt flipkort ska ha i denna utmaning 💪.

Det här behöver du

Du behöver en kodeditor, vi rekommenderar Visual Studio code som är helt gratis att använda och går att ladda ned här.

Få hjälp

Gå med i vår Slack kanal och få hjälp av hela vårt community och hjälp coacher. Gå med här.

1. Så här startar du

Ladda ned kodfilerna här till din email och öppna i din kodeditor. Inuti filerna hittar du vidare instruktioner och kommentarer om hur du går tillväga för att lösa utmaningen och i nästa stycke hittar du dessutom grymma tips och trix!

2. Tips & trix

Börja med att läsa om grunderna för flipkort, även kallat Flip Card, här.
Kolla in CSS transformationer och border-radius för att ge ditt kort coola effekter.
Få ett hum om möjligheterna med ett Flip Card genom att kika in exempel här, här och här.

3. Inspiration

Grymma tillägg för Visual Studio Code som underlättar ditt kodande

Vi på Tjejer Kodar och Technigo delar med oss av våra bästa tillägg till kodeditorn Visual Studio Code. Visste du till exempel att du kan snygga till din kod med två enkla knapptryck? Eller att det finns ett tillägg för att hitta de där små-missarna i din kod enklare? 🙌

👉 Läs om tipsen på tillägg för VS Code här

4. Dela din lösning

Självklart vill vi se din lösning, dela den gärna på vår Instagram under hashtaggen #kodutmaningen. Och du, passa på att utmana din vän – dela kodutmaningen 💪.