{
    "path": "/home/krm/dev/mimer-academia/web/css/Exercises/priotering-of-boxes/exercise.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Prioritera rätt boxes"
    ],
    "tags": [
        "box, border"
    ],
    "difficulty": "normal",
    "index": 18,
    "status": "beta",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 3,
        "day": 3
    },
    "salution": "Select good!",
    "category": [
        "web"
    ],
    "description": [
        "Se till att alla boxar nedan blir gröna, genom att använda en selectorer för varje box och så lite prioritering som möjligt. Du ska \nbara lägga till kod i det mellersta style elementet."
    ],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "Kod"
            ],
            "description": [],
            "lang": "html",
            "code": "<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n<meta charset=\"utf-8\" />\n<style>\t\t \n\t     div {\n\t\t\t background-color: red;\n\t\t }\n\t\t \n\t\t#id1 {\n\t\t     background-color: red;\n\t     }\n\t     \n\t    #id2 {\n\t\t     background-color: red;\n\t     }\n\t</style>\n<style>\t\t \n// Din CSS kod bara i detta element\n\t</style>\n\t<style>\t     \n\t      #id3 {\n\t\t     background-color: red;\n\t     }\n\t     \n\t    .class1 {\n\t\t     background-color: red;\n\t     }\n\t     \n\t     div {\n\t\t\t margin: 10px;\n\t\t     width: 50px;\n\t\t     height: 50px;\n\t\t     border-style: solid;\n\t\t } \n\t</style>\n</head>\n<body>\n<ol>\n\t<li><div></div></li>\n\t<li><div class=\"class1\"></div></li>\n\t<li><div id=\"id1\"></div></li>\n\t<li><div id=\"id2\" class=\"class1\"></div></li>\n\t<li><div style=\"background-color: red;\" id=\"id3\"></div></li>\n\t</ol>\n</body>\n</html>",
            "statments": [],
            "comment": []
        }
    ],
    "kind": "exercises"
}