Serafla

Hi, I posted recently about the same portfolio website I'm currently developing. I'm using a database in JS to reference data attributes for each project, and wanted to embed an mp4 video for certain projects using an if/then statement. If the project doesn't have a video, I'm using GSAP to set its display to none. However, I'm not sure if my syntax is correct for referencing the video DOM element as it's not displaying, and is causing the rest of my images in the gallery to not show.

Hi, I'm a student creating my portfolio website right now. I wanted to use the Flip plugin like in this codepen to be able to filter my projects by category, but the only thing is I want to use an irregular grid with a 2:1 ratio. Basically, one project will be as tall as two projects next to it. I've attached an image to show this. I was wondering how I might use this grid to display my projects. Not sure if I should make grid areas a variable that I assign to projects after they are filtered, or if there is a better way to do this without grid areas. The other question I have pertaining this issue is how to make it responsive so that I can have a different grid for small, medium, large, and extra large devices. My intent is to stack the projects vertically on top of each other for small, a 2x6 grid for medium, and the 2:1 ration for large and xl. Thanks so much.