Improve logo responsiveness and container padding in styles.css
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
- Updated `.logo-container` for full-width responsiveness. - Adjusted `.logo-container img` to maintain aspect ratio and center align. - Added padding to `.container` for better layout spacing.
This commit is contained in:
@ -31,6 +31,15 @@ body {
|
|||||||
/* Logo styles */
|
/* Logo styles */
|
||||||
.logo-container {
|
.logo-container {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-container img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@ -129,4 +138,12 @@ body {
|
|||||||
.coming-soon {
|
.coming-soon {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.container {
|
||||||
|
padding: 20px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-container img {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user