- This topic has 5 replies, 2 voices, and was last updated 7 years, 9 months ago by
.
-
Posts
-
How can i make this part of my site responsive, it messes up terribly on different size screens.
please help!here is the link: https://littlepeoplechildrenswear.com/
I am referring specifically to the div with a class of 'boy_girl_baby'thank you
https://littlepeoplechildrenswear.com/It depends on what you mean by responsive. It is responsive in that it shrinks to fit the page. If you want to change the order of the images, such as to stack them or in pairs or singly, there are several ways to do it.
The easiest method is to wrap the links in Genesis Column classes. You can also use flex box, css grid, or a combination of both.
Explain what you want as the outcome and we'll be able to help you further.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?I would want that as the screen size decreases there should be first 2 boxes on each row and then just one per row for mobile.
(the 4 boxes width and height should not change)is that clearer?
thank you so much
Then I suggest you look into CSS Grid. It will provide you with the most flexibility with your media queries.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?https://css-tricks.com/snippets/css/complete-guide-grid/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.