2カラムフレックスボックス、サンプルサイト

投稿者ueshin0620プレイ回数281
難易度(4.5) 630打 英語タグhtml css 個人練習用 暗記用
2カラムフレックスボックスのサンプルサイト
2カラムフレックスボックスのサンプルサイトです。個人練習用で作りました。
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 まーくん 3329 D 3.6 92.2% 177.8 646 54 17 2021/11/06
2 まーぼう 3156 E++ 3.5 90.2% 182.5 646 70 17 2021/10/23
3 minima 3134 E++ 3.6 88.0% 178.0 646 88 17 2021/11/18
4 3077 E++ 3.6 87.0% 178.7 646 96 17 2021/10/07
5 むむむ 3068 E++ 3.6 86.8% 178.6 646 98 17 2021/11/23

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(<!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;}}

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、宣伝行為は禁止です。

※このゲームにコメントするにはログインが必要です。

※コメントは日本語で投稿してください。

※歌詞のコメントは著作権侵害となります。投稿しないでください!

ueshin0620のタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード