Jim Taylor wrote:thanks...can you be more specific ....how to fix advice....I'm ok on the design end...tech end I'm no genius..
Wayan Jaya wrote:
Just had a quick look
Very nice but you need address the lower breakpoints issues (especially "violins Rentals) the cards with the images overflow at these levels causing the width of the viewport to overflow (scroll bar appears because the cards don't fit the width)
also the link text to "customer services" overflows at lower breakpoints causing the same issue
You need take the slider down to just to the left of the lowest breakpoint, there you will see the layout where it is not so good, you need make the row/column that holds the cards
position ="flex"
display = "row"
wrap ="wrap"
justify = "space around" (or space-between if you prefer)
then you can adjust the width of the card container. such that the row stacks the cards at the lower breakpoints (eg card width 55% margins left/right set to auto
move on up with the slider until you think that the width is enough to accommodate 2 cards in a row
adjust the card width down to say 45%
move the slider again upwards and adjust card container width again if you want (3 cards in a row = 33% (100 divided by 3, =33.3333 so make it a bit less so that there is a bit of space in between them,, etc
For the text-link make the width a % again add a toutch of padding left/right (say 3 or 5 pixels)
That should take care of it all (except I am guessing the structure with rows/columns/containers
If you really get stuck them upload the PROJECT file to dropbox or similar, give me the link to the project file & i will make a video for you to follow showing the process