-
I want to create a grid (table) like this page https://inleed.com/hosting
Also take a look how it looks in mobile view.What is best practice using your solution?
-
Hi there,
You can build a similar layout with the Grid block:
https://docs.generateblocks.com/article/grid-overview/Let me know if this helps 🙂
-
Yes, but I guess I need some more guideline som create this using the Grid block.
-
Looks like you have GB pro so you can see lots of examples in the Pattern Library:
https://www.screencast.com/t/Uj3pOpuqThis is how to access them: https://docs.generateblocks.com/article/pattern-library/
Let me know if this helps 🙂
-
Yes I use GB Pro and have browsed Pattern Library but have not found any which reminds of my example.
-
The patterns should be good examples demonstrating how to use the Grid block.
If not then you can start with a Grid block with 4 containers (25%) in it:
https://docs.generateblocks.com/article/grid-overview/Here is the basic structure you need to replicate:
https://www.screencast.com/t/FWWMpBwtHLx4Please get it started so we can see what issues you have.
The best way to learn is through trial and error.
Let me know 🙂
-
Thanks but have seen my example?
1st row contains column titles.
In desktop view 1st column contain labels and 2/3/4 columns values. -
Yes I have seen your example and my structure should work.
Have you tried it yet? If so can you link me to the page in question so I can see what issue you are having?
-
Here is my example.
Forget about row heights.Desktop view looks ok but when you view this in mobile view labels (Feature 1/2/3) will be displayed in top only.
Mobile view should look like;
—
Product 1
$1
Button
Feature 1 | YES
Feature 2 | NO
Feature 3 | NO
—
Product 2
$2
Button
Feature 1 | YES
Feature 2 | NO
Feature 3 | YES -
I guess I solved it now 🙂
-
Glad to hear 🙂
- You must be logged in to reply to this topic.