CSS Grid column span not equal

[ashbryant]

Description

When creating a CSS Grid Container and placing inner containers that have a column span width applied are not spanning correctly when grid is set above 8 columns.

Steps to reproduce

Create a CSS Grid set to 12fr columns. Two inner containers are set to span 6fr columns.

Result = Inner section 1 is larger than Inner section 2
12 Column Example, with inner sections set to span 6 columns

8 Column Example (which seems correct), with inner sections set to span 4 columns

Expected behavior

When setting an inner container to be half of the parent total column width, it should result in a consistent 50% width of the parent.

Elementor System Info

== Server Environment ==
	Operating System: Darwin
	Software: nginx/1.26.1
	MySQL version: MySQL Community Server - GPL v8.0.35
	PHP Version: 8.3.17
	PHP Memory Limit: 256M
	PHP Max Input Vars: 4000
	PHP Max Post Size: 1000M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.8.1
	Site URL: http://elementor-test.local
	Home URL: http://elementor-test.local
	WP Multisite: No
	Max Upload Size: 300 MB
	Memory limit: 40M
	Max Memory limit: 256M
	Permalink Structure: /%postname%/
	Language: en_US
	Timezone: 0
	Admin Email: ash@ashbryant.com
	Debug Mode: Active

== Theme ==
	Name: Hello Elementor
	Version: 3.4.3
	Author: Elementor Team
	Child Theme: No

== User ==
	Role: administrator
	WP Profile lang: en-US
	User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

== Active Plugins ==
	Elementor
		Version: 3.29.1
		Author: Elementor.com

	Elementor Pro
		Version: 3.29.1
		Author: Elementor.com


== Elements Usage ==
	
	wp-page : 3
		container : 6
		heading : 2
		loop-grid : 1
	wp-post : 1
		container : 2
		heading : 1
		text-editor : 1
	loop-item : 4
		container : 3
		heading : 5
		image : 1


== Settings ==
	
	cpt_support: post, page
	allow_tracking: yes
	unfiltered_files_upload: 1
	font_display: swap


== Features ==
	Custom Fonts: 0
	Custom Icons: 0

== Integrations ==
	


== Elementor Experiments ==
	Inline Font Icons: Active by default
	Additional Custom Breakpoints: Active by default
	Container: Active by default
	Optimized Markup: Inactive by default
	Load Google Fonts locally: Active by default
	Default to New Theme Builder: Active by default
	Header & Footer: Active by default
	Nested Elements: Active by default
	Editor Top Bar: Active by default
	Pages Panel: Inactive by default
	Element Caching: Active by default
	Elementor Home Screen: Active by default
	Elementor Editor Events: Inactive by default
	Atomic Widgets: Inactive by default
	Editor V4: Inactive by default
	Global Classes: Inactive by default
	Variables: Inactive by default
	Launchpad Checklist: Inactive by default
	Cloud Templates: Active by default
	Editor v4 (Opt In Page): Active by default
	Menu: Inactive by default


== Log ==
	


== Elementor - Compatibility Tag ==
	
	Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Elementor Bug Report form.
• I agree that my issue may be closed without further action if it doesn't meet all the requirements outlined in the Elementor Bug Report form.