2カラムフレックスボックス、サンプルサイト
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | ku | 4604 | C++ | 4.6 | 99.0% | 139.0 | 646 | 6 | 17 | 2024/11/23 |
関連タイピング
-
html DOM要素
プレイ回数409英語長文285打 -
日本語訳なし、個人練習用に作った英語長文です
プレイ回数3772英語長文673打 -
htmlやcssのタイピングです。
プレイ回数6018英語長文120秒 -
JavaScript暗記用です。
プレイ回数3077英語長文707打 -
記号の練習
プレイ回数491英語60秒 -
JavaScript 暗記用です
プレイ回数2567英語長文594打 -
プレイ回数2573英語長文120秒 -
vue Lifecycle Hooks
プレイ回数168英語157打
問題文
(<!DOCTYPE html><html lang="ja"><head>)
<!DOCTYPE html><html lang="ja"><head>
(<meta charset="UTF-8">)
<meta charset="UTF-8">
(<meta name="viewport" content="width=device-width, initial-scale=1">)
<meta name="viewport" content="width=device-width, initial-scale=1">
(<link rel="stylesheet" href="css/flex.css">)
<link rel="stylesheet" href="css/flex.css">
(<title>flexbox2</title>)
<title>flexbox2</title>
(</head><body>)
</head><body>
(<div class="flexbox"><section class="main">)
<div class="flexbox"><section class="main">
(<h1>The Little Prince</h1><p>and me yes!</p></section>)
<h1>The Little Prince</h1><p>and me yes!</p></section>
(<section class="side"><h1>About</h1><p>tugi</p>)
<section class="side"><h1>About</h1><p>tugi</p>
(</section></div></body></html>)
</section></div></body></html>
(start css)
start css
(.main { background: #fcc; margin-bottom: 10px;})
.main { background: #fcc; margin-bottom: 10px;}
(.side { background: #fea; })
.side { background: #fea; }
(.main, .side {padding: 2%;border-radius: 10px})
.main, .side {padding: 2%;border-radius: 10px}
(/* Responsive */ @media ( min-width : 600px ))
/* Responsive */ @media ( min-width : 600px )
({.flexbox {display: -webkit-flex;display: flex;})
{.flexbox {display: -webkit-flex;display: flex;}
(.main {margin: 0 10px 0 0;}})
.main {margin: 0 10px 0 0;}}