|
|
Line 1,109: |
Line 1,109: |
| width: 100%; | | width: 100%; |
| } | | } |
| .list-entry-number { | | .list-card { |
| display: inline-block;
| | display: flex; /* Use flexbox */ |
| | align-items: center; /* Vertically center children */ |
| | justify-content: start; /* Align children to the start of the row */ |
| | width: 100%; /* Full width */ |
| } | | } |
| .list-people {
| | |
| display: inline-block;
| | .list-card > div { |
| }
| | margin-right: 10px; /* Add some space between children */ |
| .list-title { | |
| display: inline-block;
| |
| }
| |
| .list-link {
| |
| display: inline-block;
| |
| }
| |
| .list-type {
| |
| display: inline-block;
| |
| } | | } |
| | |
| .list-images { | | .list-images { |
| display: inline-block; | | display: flex; /* Also make the images flex if they are inline */ |
| }
| |
| .list-image1 {
| |
| display: inline-block;
| |
| margin-right: 10px; /* Adjust the spacing between images */
| |
| transition: transform 0.3s ease; /* Add transition for smooth scaling */
| |
| transform-origin: top left; /* Set the transform origin */
| |
| }
| |
| .list-image1 img {
| |
| display: block;
| |
| width: auto;
| |
| height: 30px;
| |
| }
| |
| .list-image2 {
| |
| display: inline-block;
| |
| margin-right: 10px; /* Adjust the spacing between images */
| |
| transition: transform 0.3s ease; /* Add transition for smooth scaling */
| |
| transform-origin: top left; /* Set the transform origin */
| |
| }
| |
| .list-image2 img {
| |
| display: block;
| |
| width: auto;
| |
| height: 30px;
| |
| }
| |
| .list-image3 {
| |
| display: inline-block;
| |
| margin-right: 10px; /* Adjust the spacing between images */
| |
| transition: transform 0.3s ease; /* Add transition for smooth scaling */
| |
| transform-origin: top left; /* Set the transform origin */
| |
| } | | } |
| .list-image3 img { | | |
| display: block; | | .list-image1, .list-image2, .list-image3, .list-image4, .list-image5 { |
| width: auto;
| | margin-right: 10px; /* Space between images if they are displayed in a row */ |
| height: 30px;
| |
| } | | } |