<h2>課題</h2><p>下に完成していないカードのデザインがあります。こちらのカードをCSSで綺麗にしてみましょう</p><h3>必要な機能</h3><ul><li>カードがCSSで整っていること</li><li>カードが横並びに表示されている</li><li>カードが横方向に3個ずつ並んでいる</li></ul><p>完成イメージは以下のような感じです</p><p><img src="/images/card-complete.png"/></p><iframe src="https://codesandbox.io/embed/css-card-uts1u?fontsize=14&amp;hidenavigation=1&amp;theme=dark" style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden" title="todo" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>

ReactとCSSでカードをデザインしよう

Next.js製のブログテンプレートを作りました

AWESOME - Markdownファイルで動くNext.js製のブログテンプレートを作りました

エンジニアに向いている人の特徴

Reactが動作するレポジトリをGitHubに作ろう

未経験から自社開発系企業にエンジニアとして就職するためのTips

JavaScript - ES2015入門

git入門 - gitって何？基本的な用語を抑えよう

GitHubにコードをPushしてみよう

GitHub入門 - ソースコードをGitHubにアップロードするまで

HTML / CSS 入門 - サイトを表示するまで

HTML / CSS で自己紹介ページを作ってみよう

Next.js入門 - Next.js導入まで

CSS Object to Pure CSS

プライバシーポリシー

Promise入門 - 非同期処理の達人になろう

Reactでフォームのバリデーションを実装しよう

React入門 - React Hooksを理解しよう

React入門 - Reactで開発できる環境を整備するまで

エンジニアとして副業で稼ぐTips

このサイトの使い方

利用規約

ReactでTODOアプリを作ろう

TypeScript入門 - 基本的な型についておさらい

TypeScript入門 - ジェネリクス入門

TypeScriptが動作するレポジトリをGitHubに作ろう

TypeScript入門 - typeとinterfaceについて

TypeScript入門 - TypeScript環境を導入しよう

Next.js入門 - Vercelでサイトを公開してみよう

Next.jsをVercelにデプロイしよう

WAVI - 次世代の React Admin Template

課題

必要な機能

課題を提出する