1. Its based on CSS : People who write CSS know how big this is, flexboxes are really cool but grid opens a lot of doors for cool layouts.

2. Does not replace Flexboxes: You can easily integrate a ‘display: flex’ inside a grid container!.

3. You can add Grid in the add panel (Left in the Designer) or via a display property (Right side of the Designer): I guess this is for ease of use. always thinks about the customer experience and how to make your work as easy as they can.

4. All based in columns and rows: The main difference between flexboxes and grid is that flexbox is mostly created for horizontal or vertical-align, with Grid you can play with both of them, at the same time.

5. After adding a div block, or another element, you can still grab it and drop it in another part of the grid: This means that Webflow is slowly getting better at being a drag and drop design tool for making production-ready websites! This is the closest I can imagine for that purpose.

6. You can grab a component and then expand it to the grid so it can take more than 1 part of the grid: Here we are talking about endless possibilities in the field of layouts, it’s kinda like using bootstrap ( a CSS library based en 12 columns where you select between 2, 4, 6, 8, 10, and 12 so the component takes that part of the “container”) but with the CSS Grid syntax.

7. Mobile design with Grid is super easy, only click and move your components depending on the size of the display. Responsive design faster: Now when you are designing for tablets, and phones you just have to expand the component to the size you want and it will automatically take the grid and adjust it! Responsive design made easy!.

8. There will provide fallback support for browsers that don’t support CSS Grid: For those who are aware of browser limitations, Grid will have a fallback in case your user is using Internet Explorer 2 on a phone, they got that cover!. (Disclaimer, don’t really know about that example but you get the idea here).

9. Release date: At beginning of October will be the first launch, it might change according to bugs or other things they didn’t specify. But let’s hope it will come fast!.

10. Work with dynamic content: In the first release we won’t see support but weeks after that, it will be supported.

11. It’s planned to make a grid game just like the flexbox game: Webflow has a CSS Flexbox game for those who want to learn about flexbox and how easy it is to do in Webflow. In the live stream, they talked about the possibility of making a game just like flexbox but they didn’t say a release date or if it will definitely come, but I’m pretty sure they will!.

12. Using interactions in Grid: It’s possible and can create crazy parallax effects with that, just be sure to understand the basics of how the layout works and the interactions.

13. Exporting grid: When you export the code from Webflow the CSS will be based on the CSS Grid syntax so you can manually change it if you know how to write CSS!.



Source link https://blog..io/webflow-grid-the---of-the--peak-a3a0a9453781?source=rss—-eb297ea1161a—4

LEAVE A REPLY

Please enter your comment!
Please enter your name here