Forem: Razor

Video Playlist html, css and JS

Razor — Thu, 04 Jul 2024 16:25:16 +0000

Hi, I’m doing a little project to add to my portfolio. What I would like to do is create a playlist video like in picture 1
but I have several other events in which I would also like to put images so that each when clicking on an event as in image 2 opens a page which is image 1 with its different fightCard, where there is a problem is how I can add video links so that it is different for each event (img2) as for example on streaming sites (img3) to illustrate clearly what I mean here is a small video.

NB: I use an api for all the information you see on the image

Code source:

https://pastebin.com/GW3HY7bE

Où

https://codepen.io/Raz41/pen/mdZbWNV

img1:

img2:

img3:

video:
https://ufile.io/cut0gzwt

how to make a grid image

Razor — Mon, 20 May 2024 16:19:44 +0000

Hello, I am cloning a website, I am blocked at a certain level the page. I would like to realize this grid:

and this is what I was able to achieve in my code

I hope to get help from you I am a beginner in web development and I clone websites to improve myself

How to adapt my arrow to my slider?

Razor — Fri, 17 May 2024 15:34:13 +0000

I am at the beginner stage in web development, in order to practice I clone websites that allow me to learn new things over time.
I have a small problem with my page whose arrows of my slideshow do not agree with the image even less responsive, Someone would have an idea of how to achieve?

Here is the link for an overview of what assemblable the site:

https://codepen.io/Raz41/pen/MWdKWBJ