fix: responsive header image in forgotten files page

This commit is contained in:
Serik Ibragimov
2024-04-17 16:36:28 +05:00
parent 5fc22799e1
commit cd465a633e
7 changed files with 183 additions and 1 deletions

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {
@ -119,4 +145,4 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 25%;
}
}
}

View File

@ -69,6 +69,16 @@ menu.links {
height: calc(100% - 150px)
}
header {
min-width:auto;
}
header a {
display: block;
margin: 0 auto;
width: 1120px;
}
@media (max-width: 1279px) and (min-width: 1024px) {
.left-panel {
width: 208px;
@ -77,6 +87,14 @@ menu.links {
.main-panel {
width: 688px;
}
header a {
width: 928px;
}
header img {
margin-left: 16px;
}
}
@media (max-width: 1023px) and (min-width: 593px) {
@ -100,6 +118,14 @@ menu.links {
.tableHeader td:last-child, .tableRow td:last-child {
width: 20%;
}
header a {
width: 768px;
}
header img {
margin-left: 40px;
}
}
@media (max-width: 592px) and (min-width: 320px) {