{
    "path": "/home/krm/dev/mimer-academia/web/css/Exercises/fonts-in-boxes/exercise.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Fonter i boxar"
    ],
    "tags": [
        "color"
    ],
    "difficulty": "normal",
    "index": 2,
    "status": "beta",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 1,
        "day": 27
    },
    "salution": "Blue is the new red!",
    "category": [
        "web"
    ],
    "description": [],
    "statments": [
        {
            "description": [
                "Gör så att text 1 nedan får fonten av typen \"Sans-serif\""
            ]
        },
        {
            "description": [
                "Gör så att text 2 nedan får fonten av typen \"serif\""
            ]
        },
        {
            "description": [
                "Gör så att text 3 nedan får fonten som har ordet \"times\" i sitt namn"
            ]
        },
        {
            "description": [
                "Gör så att text 4 nedan får fonten av typen \"monospace\""
            ]
        },
        {
            "description": [
                "Gör så att text 5 nedan får en font som börjar på bokstaven A"
            ]
        },
        {
            "description": [
                "Gör så att text 6 nedan får en font som du tycker ser annorlunda ut jämför med de andra."
            ]
        }
    ],
    "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#id1 {\n\t     }\n#id2 {\n\t     }\n#id3 {\n\t     }\n#id4 {\n\t     }\n#id5 {\n\t     }\n#id6 {\n\t     }\n\t     \n\t     \n\t</style>\n\t<style>\n\t\tli {\n\t\t     float: left;\t\t\t\n\t\t}\n\t     div {\n\t\t\t margin: 5px;\n\t\t\t padding: 5px;\n\t\t     border-style: solid;\n\t\t     float: left;\n\t\t     font-size: 36px;\n\t\t } \n\t</style>\n</head>\n<body>\n<ol>\n\t<li id=\"id1\">\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t<li id=\"id2\"> \n\t\t<h2> ?? Gör så fonten i detta element blir av type \"serif\" ?? </h2>\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t<li id=\"id3\"> \n\t\t<h2> ?? Gör så fonten i detta element har ordet \"times\" i sitt namn ?? </h2>\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t<li id=\"id4\"> \n\t\t<h2> ?? Gör så fonten i detta element blir monospace ?? </h2>2>\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t<li id=\"id5\"> \n\t\t<h2> ?? Gör så fonten i detta element blir font som börjar på bokstaven A ?? </h2>\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t<li id=\"id6\"> \n\t\t<h2>  ?? Gör så fonten i detta element blir font som du tycker ser annorlunda ut. ?? </h2>\n\t\t<div>M</div>\n\t\t<div>m</div>\n\t\t<div>e</div>\n\t\t<div>T</div>\n\t\t<div>åäö</div>\n\t\t<div>Å</div>\n\t\t<div>The quick brown fox jumps over the lazy dog</div>\n\t</li>\n\t</ol>\n</body>\n</html>",
            "statments": [],
            "comment": [
                "Du ska bara lägga till något mellan style-tagarna."
            ]
        }
    ],
    "kind": "exercises"
}