mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-08 10:01:53 +00:00
ef037b4152
When deciding if the grid containers min size should be limited by a max size. Check for a max height or width depending on the dimension, instead of just always checking for a max width.
26 lines
628 B
HTML
26 lines
628 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 50px;
|
|
}
|
|
|
|
.content {
|
|
display: grid;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.footer {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
</style>
|
|
|
|
<div class="content">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim elit eget arcu accumsan imperdiet vulputate
|
|
a justo. Phasellus tincidunt sem non tellus tristique hendrerit quis eu eros. Morbi dolor erat, posuere ut feugiat
|
|
rhoncus, vestibulum vel tortor.
|
|
</div>
|
|
|
|
<div class="footer">Lorem ipsum dolor sit amet.</div>
|