|
Tags: Blanking Manual revert |
(38 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* Grid layout for main page sections */
| |
| .main-page-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */
| |
| grid-gap: 20px;
| |
| background-color: #f9f9f9;
| |
| }
| |
|
| |
|
| .section {
| |
| border: 1px solid #eee;
| |
| padding: 10px;
| |
| background-color: #fff;
| |
| }
| |
|
| |
| /* Media query for smaller screens */
| |
| @media (max-width: 768px) {
| |
| .main-page-grid {
| |
| grid-template-columns: 1fr; /* Single column layout on small screens */
| |
| }
| |
|
| |
| .section {
| |
| margin-bottom: 15px; /* Add spacing between sections on small screens */
| |
| }
| |
|
| |
| /* Adjust image gallery dimensions or other elements as needed */
| |
| .gallery {
| |
| width: 100%;
| |
| }
| |
|
| |
| .gallery img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| }
| |