Stack suggest name and form vertically with cards below
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user