best practices for responsive design

david13662
17 Posts
david13662 posted this 08 May 2021
Ask a Question

Hello,

Is there an article about best practices for creating responsive designs in nicepage? Is it generally best to start with the desktop version and work down to the smaller sizes, or the other way around?

I created the block in the attached screenshots in desktop and when I go to tablet or phone, all the elements are quite scrambled. I realize some tweaking will be necessary to have the design be responsive, but I'm wondering if there are some best practices to follow in order to cut down on the amount of rearranging required.

Thanks,
- David

Hello, Is there an article about best practices for creating responsive designs in nicepage? Is it generally best to start with the desktop version and work down to the smaller sizes, or the other way around? I created the block in the attached screenshots in desktop and when I go to tablet or phone, all the elements are quite scrambled. I realize some tweaking will be necessary to have the design be responsive, but I'm wondering if there are some best practices to follow in order to cut down on the amount of rearranging required. Thanks, - David
design
Screen-Shot-2021-05-08-at-10.22.53-AM.png
Screen-Shot-2021-05-08-at-10.23.12-AM.png
Vote to pay developers attention to this features or issue.
2 Replies
Order By: Standard | Newest
MerlinAZ
2694 Posts
MerlinAZ posted this 08 May 2021

Best to start on desktop, and work from left to right.
Sometimes there are still issues.
If necessary if there are issues, select the block and use the reset and try again.

Best to start on desktop, and work from left to right. Sometimes there are still issues. If necessary if there are issues, select the block and use the reset and try again.
Support Team
Support Team posted this 11 May 2021

Hello David,

Thank you for provided screenshots.
Basic tips to build a responsive website are listed here.
Please use Grids to add text with images or hyperlinks, useful tutorial is here and here .
Let us know if you have more questions.
Thank you.
...................................................
Sincerely,
Anna T.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello David, Thank you for provided screenshots. Basic tips to build a responsive website are listed [here][1]. Please use Grids to add text with images or hyperlinks, useful tutorial is [here][2] and [here][3] . Let us know if you have more questions. Thank you. ................................................... Sincerely, Anna T. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp [1]: https://nicepage.com/doc/36215/basic-tips-to-build-responsive-websites [2]: https://nicepage.com/doc/17389/grids-and-responsive-web-design [3]: https://nicepage.com/doc/13180/groups-and-responsive-web-design
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design