kubosho/kotori

View on GitHub
example/using-flexbox/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>flexbox with Kotori sample</title>
    <link rel="stylesheet" href="styles/main.css">
</head>

<body>
    <main>
        <div class="content">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis gravida sem sed congue. Sed consectetur mauris id euismod molestie. Cras eros sem, laoreet ut dapibus sit amet, semper in turpis. Donec varius metus at erat volutpat, sit amet varius est ornare. Sed molestie luctus ipsum a iaculis. Aenean eget auctor nisl. Integer convallis tempus finibus. In vitae est viverra, scelerisque sem vitae, laoreet est. Quisque enim libero, gravida quis tellus nec, fermentum aliquam purus. Suspendisse potenti. Maecenas condimentum risus enim, ut consectetur nisl varius eget. Duis sed sem feugiat, rhoncus metus ac, elementum sapien. Donec elementum ante luctus arcu sollicitudin pharetra. Fusce vitae risus neque.
            </p>
        </div>
        <aside>
            <div class="aside-component">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis gravida sem sed congue. Sed consectetur mauris id euismod molestie. Cras eros sem, laoreet ut dapibus sit amet, semper in turpis.
                </p>
            </div>
        </aside>
    </main>
</body>
</html>