Product Landing page project Responsive Help!

Product Landing page project Responsive Help!
0

#1

Hi all,

I’ve been having a bit of trouble with the responsiveness of the site because the image sizes blow up whenever I
change view ports . On top of that, I was trying out this “reuse css classes” theory which backfired and made my code very messy. So I would love some suggestions on what to do.

EDIT: woops, here’s the link: https://codepen.io/elijah2k12/pen/yqVbae?editors=1100


#2

Please do not change the topic category. I made in HTML/CSS, because you are asking for help that will involve HTML/CSS.


#3

Oops! Sorry about that, thought the feedback page was the only category for projects.


#4

It is for projects where you don’t think you need help, but are seeking feedback. When you have a specific question about a problem you are having in a challenge or a project, we prefer you to pick the type of problem you are having. If it does not fit in HTML/CSS or JavaScript, then the basic Help category would apply.


#5

So this actually looks pretty good.

You need to set a min-width media query and define what you want to happen to your image size. use the same classes that are already on your images and redefine them under the media query.


#6

Ok! That clears things up nicely.


#7

You’re right and I don’t know why but I think I was trying to find some other way with flexbox to make everything do it for me but that’s not right at all. I guess I got lazy and wanted a one off solution :expressionless:

Thanks for pointing me to the right direction!