{
"path": "/home/krm/dev/mimer-academia/web/css/Exercises/simpel-positions/exercise.sv.json",
"s": "Ignor",
"invert": true,
"level": 1,
"title": [
"Hitta rätt positions"
],
"tags": [
"layoute"
],
"difficulty": "normal",
"index": 22,
"status": "beta",
"author": [
"krm"
],
"created": {
"year": 2026,
"month": 3,
"day": 17
},
"salution": "Find many positions!",
"category": [
"web"
],
"description": [
"Fixa så lådorna med id enligt nedan får stylen som beskrivs."
],
"statments": [
{
"description": [
"Gör så \"box-1\" lådan har en \"static\" posistion."
]
},
{
"description": [
"Gör så \"box-2\" lådan har en \"relative\" position, med ett top värde på 20px och höger värde på 10px."
]
},
{
"description": [
"Gör så \"box-3\" lådan har en \"absolut\" position, med ett bottom värde på 30px och höger värde på 20px."
]
},
{
"description": [
"Gör så \"box-4\" lådan har en \"fixed\" position, med ett bottom värde på 10px och vänster värde på 40px."
]
},
{
"description": [
"Gör så \"box-5\" lådan har en \"sticky\" position, med ett top värde på 30px och höger värde på 20px."
]
}
],
"comment": [],
"cards": [
{
"level": 1,
"title": [
"Kod"
],
"description": [],
"lang": "html",
"code": "\n\n\n\n\n\t\n\n\n\t
Boxes
\n\t
\n\t
\n\t 1 \n\t
\n
\n\t 2 \n\t
\n\t
\n\t 3 \n\t
\n\t
\n\t 4 \n\t
\n\t
\n\t 5 \n\t
\n\n",
"statments": [],
"comment": [
"Du ska bara lägga till något mellan style-tagarna."
]
}
],
"kind": "exercises"
}