diff --git a/app/styles/models.css b/app/styles/models.css index e657d6c..1ccd862 100644 --- a/app/styles/models.css +++ b/app/styles/models.css @@ -49,8 +49,8 @@ border-radius: 5%; overflow: hidden; position: relative; - height: 18vh; - width: 18vh; + height: 8vw; + width: 8vw; margin: auto; /* Center each model box in the grid cell */ } .model-box.selected { diff --git a/app/styles/responsive.css b/app/styles/responsive.css index dd0d3b0..4a9c70f 100644 --- a/app/styles/responsive.css +++ b/app/styles/responsive.css @@ -57,8 +57,8 @@ } /* Model box styles */ .model-box { - max-width: none; /* Remove max-width */ - margin: 0 auto; /* Center each model-box */ + width: 50vw; + height: 50vw; } /* Input styles */ .input {