Some help how I can developed this...

Feb 22nd, 2018 at 08:22 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Hi Inger, Wayan

Not correct view on my smartphone samsung (Screen < 640px it's 320px)
How can I this fix that ?

I have tested the project on my smartphone and get a bad view. The layout is completely off and the formatting at a screen smaller than 640px
Do you have a solution for that I can see it on all screens
Like the two columns at the bottom be contiguous. How can you fix it?
Thank you

Here the link of my developed project
http://grillomar.coffeecup.com/index.html

This is my project in attachment


Attachments:
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
Feb 22nd, 2018 at 10:46 AM
User 122279 Photo

Inger
Senior Advisor
14,649 posts

Wayan has already explained what is wrong with the 2nd column in phone view.

Another thing is, that you need to start changing image, colours etc at the smallest viewport. It seems you have started after the 2nd breakpoint.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 23rd, 2018 at 04:34 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Inger, Wayan,

How can I developed for the screen size (smartphone) 320px and 420px my existing project?
Can you give me guide lines how I can do that so that the user can view on his/her smartphone, tablet, pc and laptop?
Thanks
Stephane
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
Feb 23rd, 2018 at 04:50 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,392 posts
Online Now

STEFKE wrote:
Inger, Wayan,

How can I developed for the screen size (smartphone) 320px and 420px my existing project?
Can you give me guide lines how I can do that so that the user can view on his/her smartphone, tablet, pc and laptop?
Thanks
Stephane


watch the video again
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 23rd, 2018 at 10:29 AM
User 131545 Photo

STEFKE
Registered User
687 posts

There is no changed in the video not for een screen 320px and 420px.
What are the steps the changes the responsive layout?
I don't understand what you mean
Kind regards
Stephane
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
Feb 23rd, 2018 at 10:35 AM
User 2623310 Photo

Scott Larson
Ambassador
282 posts

Watch the video and follow it exactly. I have watch the video and did whay it says, I had no trouble with it.

Watxh the video again and follow it exactly.
Feb 23rd, 2018 at 12:04 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,392 posts
Online Now

STEFKE wrote:
There is no changed in the video not for een screen 320px and 420px.
What are the steps the changes the responsive layout?
I don't understand what you mean
Kind regards
Stephane


Of Course the video han not changed,, because you haven't followed the video exactly as it was shown

You did your styling ON the first blue breakpoint

You need do the styling to the LEFT of the first breakpoint exactly as the video shows

All this time & help that I and Inger(who did MOST OF IT FOR YOU) with the TAXI project & you still haven't learned anything ~~~~~~ Lord help us not even the ability to follow a video
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 25th, 2018 at 03:22 PM
User 2792467 Photo

Hennie
Registered User
161 posts

Stefke,
How come you are :

IT professional
Ba. Elektronica - ICT
Application Software PowerBasic Developer

and yet have problems understanding and writing the English language, using Google Translate (which is rather clumsy translating English - Flemish)
Eindhoven :: Netherlands

It's easy to see, once you see it.
Feb 25th, 2018 at 08:04 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,392 posts
Online Now

Hennie wrote:
Stefke,
How come you are :

IT professional
Ba. Elektronica - ICT
Application Software PowerBasic Developer

and yet have problems understanding and writing the English language, using Google Translate (which is rather clumsy translating English - Flemish)


He/she doesn't speak English obviously
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 26th, 2018 at 06:21 AM
User 131545 Photo

STEFKE
Registered User
687 posts

She ;)
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

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.