Need help turning page into responsive

I created this page, and I am not sure how to make it responsive. I want my cards to go from horizontal to vertical. I am not sure where to post this considering I am using HTML, CSS, JS. Sorry for posting 5 files and a long explanation. But I need some help.
No description
No description
No description
No description
No description
5 Replies
Jochem
Jochemβ€’13mo ago
I appreciate the effort those screenshots must have taken, but if someone wants to help, they'll need access to your code in a way that they can run. A live version of your site is infinitely more useful. You can use codepen or stack blitz or github pages to share a live version. Additionally, responsiveness is by definition a front end issue. Please repost this question in #front-end with the code in a more accessible way.
Jonathan
Jonathanβ€’13mo ago
Okay, I’ll have to figure out how.
Jochem
Jochemβ€’13mo ago
for codepen you make a free account, then copy the contents of your body tag into the HTML field and the contents of your CSS into the css field, that's about it. You have to replace images with placeholders if you have them though, I recommend https://picsum.photos/
Lorem Picsum
Lorem Picsum
Lorem Ipsum... but for photos
β˜…β€’πŸ†πŸ…΄πŸ…ΌπŸ†ˆβ€’β˜…
Perhaps you may want to learn Bootstrap. It helps a lot with page responsiveness.
Jonathan
Jonathanβ€’13mo ago
Hey Remy, I will be teaching myself Bootstrap as well. But good news, I figured out that I needed to use the @media. I had forgotten all about that. As I am new and teaching myself web development, I am figuring things out. Its a bit hard, but fun.
Want results from more Discord servers?
Add your server