Webflow has no longer retained the Ctrl + drag shortcut to place multiple elements (like a heading and an image) into the same grid cell as referenced in older Webflow 101 content.
1. Original Method Is Deprecated
- The Ctrl (or Cmd on Mac) + drag shortcut was mentioned in early Webflow University videos to allow you to nest elements into the same grid cell by holding the shortcut while dragging.
- As of recent Webflow updates, this behavior is no longer supported or consistent in the Webflow Designer.
2. Supported Method to Combine Elements in One Grid Cell
- Use a Wrapper Div: Instead of dragging two separate elements into the same grid cell, create a div block, place your elements inside it, and position the div into the desired grid cell.
- This approach maintains layout control and avoids conflicts with newer Designer behaviors.
3. Alternate Methods
- Manual Placement Using Grid Area Names or Numbers: If you're using named areas or manual row/column span adjustments in the Grid settings, you can assign multiple elements to the same area using the area or start/end line numbers.
- Flexbox Inside the Grid Cell: Once the div is placed in a grid cell, use Flexbox to control inner layout between the image and heading.
4. Testing the Shortcut
- If you try Ctrl + drag on Windows now, Webflow may ignore it or treat it as a move between grid cells, rather than combining them.
Summary
Webflow has removed support for Ctrl + drag to combine elements into the same grid cell. Use a wrapper div placed in the grid cell instead, then style the contents as needed.