Howto Create Responsive for desktop,...

User 131545 Photo


Registered User
687 posts

Dear support
I want developed an website for an very good customer. He wants the Web site responsive and want to have it on the following screens: On the desktop (> 1600px), on a Laptop (1200 px), on a tablet (768px), on a smartphone landscape (480px) and on a smartphone (320px).
If I ever get past the purple breakpoint am changing every time the layout and formatting, and should I reset my whole flexgrid control because huge time consuming if you create a Web site of 15 pages.

How can I best make that website responsive and the perfect layout and formatting that you have set up in the smallest breaking point so 320px or should I on that purple.

In other words, I get a different layout in my CSS grid and all CSS formatting settings are then apparently lost.
Is there a possibility to my website on all these screens can give as good as possible, maybe a roadmap or an example how to do that. Maybe a youtube video how to do in site designer.
My website just makes use of flex-flexgrid control containers and containers

Best regards


Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 2699991 Photo


Registered User
4,801 posts
Online Now

STEFKE wrote:
Hi,

I can do this but I'm professional developer and it's not free. I ask for a website 500 EUR without hosting

Kind regards
Stephane
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,454 posts

Stefke, does your very good customer know anything about responsive webdesign? Whether he/she does or does not, you should be able to tell him/her that 'responsive' does not mean a certain screen size for each of the devices you mention. You should tell him/her that it means a 'gliding' size adaption. What if someone has a device which is not 'standardized'? As an example, my laptop is 1920x1080, so 1200px width would look pretty tiny.

Remember, customers are NOT ALWAYS right, they have to be educated!
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2093190 Photo


Registered User
115 posts

…in Germany we call this: König Kunde … :D:D:D
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.coffeecup.com/
User 2088758 Photo


Senior Advisor
3,087 posts

I agree with the group here.

When I design my websites I do not pre-determine my breakpoints. I will start at mobile size and work my way out fixing the layout and adjusting elements as the screen grows. Quite often I don't add any breakpoints and only use the ones that SD3 provides me.

The idea here is to make it look good on all devices, one site fits all website design. I would not take any demands like you have as this is setting you up to loose.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

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.