You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
802 B
35 lines
802 B
3 months ago
|
/* General styles for the body and container */
|
||
|
|
body, html {
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
background-color: #f0f0f0; /* Optional: background color */
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-container {
|
||
|
|
display: grid;
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
grid-template-columns: repeat(auto-fit,1fr);
|
||
|
|
/* grid-template-rows: repeat(3,1fr);*/
|
||
|
|
grid-row: 1/3;
|
||
|
|
"heading . signature"
|
||
|
|
". logo ."
|
||
|
|
"nav nav nav"
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item {
|
||
|
|
grid-column: 2;
|
||
|
|
grid-row: 2;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item img {
|
||
|
|
max-width: 25vw; /* Image width occupies 25% of the viewport width */
|
||
|
|
max-height: 25vh; /* Image height occupies 25% of the viewport height */
|
||
|
|
object-fit: contain;
|
||
|
|
}
|