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.
5 Replies
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.
Okay, I’ll have to figure out how.
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/
Perhaps you may want to learn Bootstrap. It helps a lot with page responsiveness.
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.