{
    "path": "/home/krm/dev/mimer-academia/web/css/Exercises/seven-yellow-circles/exercise.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Sju gula cirklar"
    ],
    "tags": [
        "border"
    ],
    "difficulty": "hard",
    "index": 4,
    "status": "beta",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 4,
        "day": 15
    },
    "salution": "Row or column!",
    "category": [
        "web"
    ],
    "description": [
        "Utgå från koden nedan och få något som ser ut som på bilden. Gör det med CSS kod som ska står mellan style elemten i html koden nedan."
    ],
    "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>\n</style>\n</head>\n<body>\n<div id=\"container\">\n<div id=\"A\"><span>A</span></div>\n<div id=\"B\"><span>B</span></div>\n<div id=\"C\"><span>C</span></div>\n<div id=\"D\"><span>D</span></div>\n<div id=\"E\"><span>E</span></div>\n<div id=\"F\"><span>F</span></div>\n<div id=\"G\"><span>G</span></div>\n</div>\n</body>\n</html>",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "Målbild 1"
            ],
            "image": "./screenshot-1.png",
            "description": [
                "Detta för om skärmen är stort."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "Målbild 2"
            ],
            "image": "./screenshot-2.png",
            "description": [
                "Detta för om skärmen är liten"
            ],
            "statments": [],
            "comment": []
        }
    ],
    "kind": "exercises"
}