diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/index.css b/index.css new file mode 100644 index 0000000..1759e72 --- /dev/null +++ b/index.css @@ -0,0 +1,58 @@ +header { + display: flex; + justify-content: space-around; + background-color: green; + height: 150px; + margin: auto; + width: 70%; + align-items: center; + margin-bottom: 20px; +} + +h1 { + font-family: fantasy; + color: white; + font-size: 50px; +} + +header > img { + height: 100px; +} + +body { + display: flex; + background-color: black; + flex-direction: column; + align-items: center; + color: white; +} + +main { + display: none; + width: 70%; + border: 5px solid white; +} + +input[type="text"] { + width: 380px; +} + +#all-characters { + display: flex; + list-style: none; + width: 70%; + padding: 0; + margin: 0; + overflow-x: scroll; + text-align: center; +} + +#character-info { + text-align: center; +} + +#character-comments-section { + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git a/index.html b/index.html index 248ffe9..13fbe2a 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,32 @@ + + + +
+