FE issues fix
This commit is contained in:
@@ -8,6 +8,7 @@ body {
|
||||
background: #f8fafc;
|
||||
min-height: 100vh;
|
||||
color: #1e293b;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -449,6 +450,7 @@ pre code {
|
||||
display: block;
|
||||
padding: 16px;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
@@ -459,6 +461,8 @@ pre code {
|
||||
max-height: none;
|
||||
min-height: auto;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.content-container:last-child {
|
||||
@@ -474,14 +478,18 @@ pre code {
|
||||
padding: 20px;
|
||||
margin: 16px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.step {
|
||||
padding: 16px 20px;
|
||||
margin: 12px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -490,6 +498,7 @@ pre code {
|
||||
display: block;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
@@ -500,6 +509,8 @@ pre code {
|
||||
border-radius: 12px;
|
||||
min-height: auto;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.content-container:last-child {
|
||||
@@ -528,14 +539,18 @@ pre code {
|
||||
padding: 16px;
|
||||
margin: 12px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.step {
|
||||
padding: 12px 16px;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.method {
|
||||
@@ -548,19 +563,26 @@ pre code {
|
||||
padding: 14px;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.about-content li {
|
||||
padding: 10px 12px;
|
||||
margin: 6px 0;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
padding: 14px;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.about-content p {
|
||||
@@ -581,12 +603,16 @@ pre code {
|
||||
padding: 20px;
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.three-column-layout {
|
||||
grid-template-columns: 1fr !important;
|
||||
grid-template-rows: auto auto auto !important;
|
||||
height: auto !important;
|
||||
min-height: 100vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -598,9 +624,12 @@ pre code {
|
||||
padding: 32px;
|
||||
box-sizing: border-box;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #cbd5e1 transparent;
|
||||
border: 1px solid #e2e8f0;
|
||||
max-width: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Webkit scrollbar styling */
|
||||
|
||||
Reference in New Issue
Block a user