← 一覧へ
プロフィールカード
★3
🏠
SNSアイコン・フォローボタンを持つプロフィールカードを作ります。中央揃えのカードデザインや、ボタンのスタイリングに挑戦しましょう。
コードエディタ
index.html
style.css
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>プロフィールカード</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- プロフィールカードを作ろう --> <!-- .profile-card、img（アバター）、.follow-btn、.sns-icons、.statsクラスを使ってね --> </body> </html>
/* 中央揃えのカードデザインに挑戦しよう */ body { font-family: "Helvetica Neue", Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
▶ プレビュー更新
判定する
ポートフォリオに保存
見本（お手本のデザイン）
あなたの作品