RanzoLići
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
haha noted i was planning to finish the bootcamp on freecodecamp and while completing it do a some projects on frontend mentor that include some basic JS (at the end of the day thats how i got more familiar with html and css) so we will se how it goes
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
appreciate the support im gonna need it more then ever since i just started learning JS 😄
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
just have to go investigate a bit more on avoiding fixed widths and some more responsive design practices, ahh guess that comes with practice and trial and error
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
in the footer i used j.c space between instead of setting the gap, also does the job
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
dont even stress about it the issue was that i wanted to change the gap value for all the different screen sizes, but then i remembered i can use flex: 2; and flex:1 respectively to make them responsive on any screen 😄
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
I managed to figure out how to fix the gap but i am still a bit confused on how fixed widths work for images and where should i give them max width values
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
Thx for the reply, Ill try it out
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
i.e for tablets, media only screen and (min-width: 768px) and (max-width: 1023px)
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
what just got on my mind, should i have given media queries ranges for both min and max width, in order to avoid these overlaps with gaps
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
updated that too
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
should i do the same to the html?
22 replies
KPCKevin Powell - Community
•Created by RanzoLići on 5/4/2024 in #front-end
Responsive design hick-ups (flexbox gap, and img width)
i updated the css
22 replies