Stack suggest name and form vertically with cards below

This commit is contained in:
2026-01-28 15:49:41 +01:00
parent 88f048b239
commit 3087b4b7b0
2 changed files with 22 additions and 28 deletions

View File

@@ -16,7 +16,6 @@
<main class="grid"> <main class="grid">
<section class="card" id="actions-card"> <section class="card" id="actions-card">
<div id="suggest-view" class="phase-view hidden"> <div id="suggest-view" class="phase-view hidden">
<div class="split wide">
<div class="card subcard name-box"> <div class="card subcard name-box">
<h3>Your Name</h3> <h3>Your Name</h3>
<label class="stack"> <label class="stack">
@@ -40,7 +39,6 @@
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
</div> </div>
</div>
<div class="card subcard"> <div class="card subcard">
<h3>Your suggestions</h3> <h3>Your suggestions</h3>
<div id="my-suggestions" class="card-grid"></div> <div id="my-suggestions" class="card-grid"></div>

View File

@@ -62,10 +62,6 @@ body {
flex-wrap: wrap; flex-wrap: wrap;
} }
.split.wide > .subcard {
flex: 1 1 320px;
}
.name-box { .name-box {
min-width: 220px; min-width: 220px;
max-width: 260px; max-width: 260px;