diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..47a4e2e --- /dev/null +++ b/.vscode/launch.json @@ -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" + } + ] +} \ No newline at end of file diff --git a/index.css b/index.css index 494ffcb..0794453 100644 --- a/index.css +++ b/index.css @@ -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; } diff --git a/index.html b/index.html index 1664d39..72ae8b9 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,9 @@