Share your websites made with Responsive Site Designer - Page 59 - Post ID 255938


Registered User
7 posts


Registered User
1,547 posts
Online Now

Jim Taylor wrote:
www.MusicRentalCentral.com
www.ViolinRentals.com


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
The Sky Is A big Empty Space : But There Is No Room For Error


Registered User
7 posts

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:
Jim Taylor wrote:
www.MusicRentalCentral.com
www.ViolinRentals.com


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
Thanks!
Jim T.


Registered User
1,547 posts
Online Now

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:
Jim Taylor wrote:
www.MusicRentalCentral.com
www.ViolinRentals.com


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
The Sky Is A big Empty Space : But There Is No Room For Error


Registered User
76 posts

Samuel VINCENT wrote:
- 1 for his object design activity "Zooldesign"
http://zooldesign.fr


I especially like this one. Well done Samuel.
RSD Websites:
City Church Christchurch: https://www.citychurchchristchurch.co.nz/
Champion Freight: http://www.championfreight.co.nz/
Champion Containers: http://championcontainersnz.com/


Registered User
185 posts

Currently busy with a new web site for a client, a distributor of valves, flanges etc., now also moving into the market of super yachts ... a last minute job which has to be finished this weekend. It's a temporary web site which will be replaced by a larger one later on.

http://beta.ontwerpzaam.nl/valveco-super-yachts/

– Richard
Ontwerpzaam | Papendrecht, The Netherlands
27" iMac i5 3.1GHz / 32GB RAM / 4TB SSHD / 1GB VRAM - macOS 10.12.6 Sierra
Switched from Softpress' Freeway to Coffeecup Responsive Design software


Registered User
7 posts

Bainn wrote:
My latest website: https://www.citychurchchristchurch.co.nz

Feedback welcome!


Any tips on getting video size down? I see your mp4 is around 6.08Mb for 25 seconds. I have a 27 second video that at 10Mb looks a lot more blocky than yours. Hope you can give me some pointers. Cheers


Senior Advisor
17,810 posts
Online Now

ROBERT DOVER wrote:
Bainn wrote:
My latest website: https://www.citychurchchristchurch.co.nz

Feedback welcome!


Any tips on getting video size down? I see your mp4 is around 6.08Mb for 25 seconds. I have a 27 second video that at 10Mb looks a lot more blocky than yours. Hope you can give me some pointers. Cheers

Give this a try.
https://handbrake.fr/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com


Registered User
7 posts

Eric Rohloff wrote:
ROBERT DOVER wrote:
Bainn wrote:
My latest website: https://www.citychurchchristchurch.co.nz

Feedback welcome!


Any tips on getting video size down? I see your mp4 is around 6.08Mb for 25 seconds. I have a 27 second video that at 10Mb looks a lot more blocky than yours. Hope you can give me some pointers. Cheers

Give this a try.
https://handbrake.fr/


I have been playing around with it. Still cannot get below 10Mb - maybe my video is more detailed and there aren't so many solid colours as in the citychurchchristchurch video. Wil play some more to see what I can come up with. Thanks.


Senior Advisor
17,810 posts
Online Now

Did you check the optimize box and reduce the quality.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.