Docs: Broken layout on landing page (offline style)

This commit fixes the broken layout. Wrapping the divs of
col-1 (content) and col-2(sidebar) classes with a container with
`display:flex` does the job.

Fixes: QTBUG-129178
Pick-to: dev 6.8
Change-Id: I6867b178e5a1acf6a4fbd5302a857e5f3ca0a62f
Reviewed-by: Paul Wicking <paul.wicking@qt.io>
Reviewed-by: Kai Köhne <kai.koehne@qt.io>
This commit is contained in:
Alexei Cazacov 2024-09-25 15:11:35 +03:00
parent 505ee95fda
commit d39c9d37ad

View File

@ -724,6 +724,9 @@ Landing page
vertical-align: top;
}
.landing {
display: flex;
}
.landing h2 {
background-color: transparent;
@ -738,19 +741,14 @@ Landing page
}
.col-1 {
display: inline-block;
white-space: normal;
width: 70%;
height: 100%;
float: left;
}
.col-2 {
display: inline-block;
white-space: normal;
width: 20%;
margin-left: 5%;
position: relative;
top: -20px;
}