@LeviKuhaulua
Posted
Howzit, for media queries, you can put the elements that need to be changed instead of putting all elements inside of it. That way it helps with making the code easier to follow. For 2 column layouts, when your parent container has a display: flex
and a width: 50%
, what will happen is that the elements will shrink or expand to fit the width of their parent container. What you can do instead is set a defined width such as width: 300px
so that the columns will not shrink as the viewport size gets smaller, then you can use a media query to handle how the component should look like at smaller screen sizes.
@Paulkendrick2126
Posted
Thank you, @LeviKuhaulua, for the comment. I'll definitely take your advice, especially on setting a defined width using the px unit instead of % so the column doesn't shrink relative to the viewport...
If you don't mind, I'd love to connect with you and have more conversations...I wouldn't mind you sharing a social media platform you're most active on.
@LeviKuhaulua
Posted
Howzit, @Paulkendrick2126. I am probably the most active on LinkedIn - LinkedIn profile