@hitmorecode
Posted
Congratulations well done. Your page is responsive so it works. Here is the thing about responsive pages, we overthink too much. Only developers play with screen sizes, making them small and large to see how the page works with different screen sizes. In reality normal people don't do this, they either open a site on a desktop, tablet or phone. They don't play with different screen sizes like we do.
We are the ones who like to se a page shrink and grow as we change the screen size, normal people don't care about this, not only that but the majority of people don't even know that this is possible.
So has long has you use media queries to deal with this, there is no problem.
Marked as helpful
@YoungZV
Posted
@hitmorecode
Thank you for your kind words and i agree, nobody does the shrink thing in real life :) Already updated my screenshots and codes, so the final edition can bee seen. Thank you.
@YoungZV
Posted
@hitmorecode
After doing some search i found a solution: Height:100% added to the followings ->
.article { padding: 0; height: 100%; }
.wrapper, .picture, img { height: 100%; }
or just simply
.article, .article* { height:100%
and added this to my img -> object-fit: cover;
my css file will be updated.