diff --git a/src/App.css b/src/App.css index 4e120e3..f05020e 100644 --- a/src/App.css +++ b/src/App.css @@ -1,17 +1,17 @@ #root { margin: 0 auto; - padding: 2rem; + padding: 0rem; text-align: center; } .photoContainer { - width: 150px; - height: 150px; + width: clamp(5vmin, 15vmin, 25vmin); + height: clamp(5vmin, 15vmin, 25vmin); } .photo { - width: 150px; - height: 150px; + width: clamp(5vmin, 15vmin, 25vmin); + height: clamp(5vmin, 15vmin, 25vmin); } .photo:hover { @@ -22,6 +22,8 @@ display: flex; flex-direction: row; flex-wrap: wrap; + align-items: center; + justify-content: center; } .player-position {