With this HTML
<div class="opt">
<div class="optnum">
<p>1.</p>
</div>
<div class="opttxt">
<p>Continue</p>
</div>
</div>
I have this CSS
.opt {
display: grid;
box-sizing: border-box;
position: relative;
overflow: hidden;
align-items: center;
grid-template-columns: min-content 1fr;
grid-column-gap:6px;
width: 10em;
overflow: hidden;
}
On Windows, with Chrome and Firefox, the outer DIV is about 32px high
and the inner DIVs appear within it. With Safari on an ipad the outer
div is again about 32px but the inner DIVs are somewhere below the outer
DIV ie not visible.
How does the CSS need to change to get the inner DIVs to appear?
Sysop: | Keyop |
---|---|
Location: | Huddersfield, West Yorkshire, UK |
Users: | 286 |
Nodes: | 16 (2 / 14) |
Uptime: | 89:11:11 |
Calls: | 6,496 |
Calls today: | 7 |
Files: | 12,100 |
Messages: | 5,277,442 |