search

SuperSimpleDev / html-css-course-2022

1.49k stars 1.09k forks source link

CSS Grid part #89

Open Raychelle18 opened 1 month ago

Raychelle18 commented 1 month ago

For lesson 11 where we duplicate the 2 YouTube box previews into 6: 3 rows of 2 columns and eventually 3 rows of 3 columns…. Mine doesn’t work. Only the first 2 previews appear side by side, the others appear one preview per row and the images are completely blown out, what do I do?

DevenderKThakur commented 4 weeks ago

Check when you were copying the code you did inside the main-div with display : grid . All the other div of video-preview should be inside that . Image can be controlled when you set both width and height then use object-fit : contain / cover as per your choice

Titiksha-rgb commented 1 week ago

@Raychelle18 please share that part of code, so that I can take a look and try to debug for you.