Skip to content
Open
16 changes: 16 additions & 0 deletions .vscode/launch.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"file":"${workspaceFolder}/index.html"
}
]
}
20 changes: 20 additions & 0 deletions index.css
Original file line number Diff line number Diff line change
@@ -1,10 +1,30 @@
.card {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 100px;
border-radius: 3px;
border: 1px #000;
background-color: rgb(255, 166, 0);
box-shadow: 2px 2px 2px 2px rgb(207, 207, 207);
cursor: pointer;
font-size: 16px;
}


#cards {
display: flex;
gap: 10px;
border-radius: 10px;
background-color: #ffff00;
}

#result {
text-align: center;
}

#result button {
margin : 10px auto auto auto;
display: block;
}
3 changes: 2 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,9 @@
</head>
<body>
<div id="app">
<h1>카드 뒤집기 1단계</h1>
<h1>카드 뒤집기 2단계</h1>
<div id="cards"></div>
<div id="result"></div>
</div>
</body>
</html>
Loading