Skip to content

Commit

Permalink
chore: expert directory updated (#111)
Browse files Browse the repository at this point in the history
  • Loading branch information
bajajcodes authored Jul 22, 2024
1 parent 0625018 commit bb5a871
Show file tree
Hide file tree
Showing 2 changed files with 419 additions and 4 deletions.
8 changes: 7 additions & 1 deletion community/community.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,18 @@
gap: 20px; /* Spacing between videos */
}

.video-grid iframe {
.video-grid iframe,
.video-grid a {
flex: 0 0 calc(50% - 20px); /* Flex grow is 0, basis is 50% minus the gap */
aspect-ratio: 560 / 315; /* Maintain the aspect ratio of 16:9 */
max-width: calc(50% - 20px); /* Max width is also set to 50% minus the gap */
height: auto; /* Allow height to auto adjust based on aspect ratio */
}

.video-grid a {
aspect-ratio: 1;
}

@media (max-width: 600px) {
.video-grid iframe {
flex: 0 0 100%; /* Flex grow is 0, basis is 100% */
Expand All @@ -23,6 +28,7 @@
.card-img {
height: 200px;
object-fit: contain;
margin: auto;
background: white; /*TODO: change color as per theme*/
}

Expand Down
Loading

0 comments on commit bb5a871

Please sign in to comment.