The Big Spring Sale! Up to 50% off!

Create a Grid in responsive mode which retains its image size and placement for all devices

patrick.rodrigues
29 Posts
patrick.rodrigues posted this 16 April 2021
Ask a Question

I have tried to create a grid 2 X 4. The first cell contains an image, the second and third cell contains the centered text. The 4th Cell contains an image. The images should be centered and remain centered on all devices. The cell sizes height and breadth should remain unchanged.
Presently I have to check the design of each block for each and every display device. This is quite time-consuming
Is there any way to make the work easier by Css or other methods?
If so have you examples of the same?
I have exported a sample block containing the grid for your information.

I have tried to create a grid 2 X 4. The first cell contains an image, the second and third cell contains the centered text. The 4th Cell contains an image. The images should be centered and remain centered on all devices. The cell sizes height and breadth should remain unchanged. Presently I have to check the design of each block for each and every display device. This is quite time-consuming Is there any way to make the work easier by Css or other methods? If so have you examples of the same? I have exported a sample block containing the grid for your information.
Vote to pay developers attention to this features or issue.
1 Reply
Order By: Standard | Newest
Support Team
Support Team posted this 19 April 2021

Patrick,

Please see attached. The main principle is always the same
https://nicepage.com/doc/36215/basic-tips-to-build-responsive-websites

Align everything, both content and containers, in blocks horizontally and vertically.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Patrick, Please see attached. The main principle is always the same https://nicepage.com/doc/36215/basic-tips-to-build-responsive-websites Align everything, both content and containers, in blocks horizontally and vertically. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments