Best way to get two modules in same div ( region, position)?

[roro7878]

I have all the modules that I want up and running. I am trying to figure out how to get 2 modules positioned how I would like. For example. I am using the nest module. I have two nests so I am calling them individually in the config. I am not sure if that is the correct way or not. If not please let me know.

They both show up, but they display vertically ( one on top of the other). I would like them to show up next to each other.

Is that the css of the position /region or the actual module css or the main css that is causing that to happen?

I have tried every position btw

Config Code below

			{
			"module": "MMM-MyNest",
			"position": "bottom_bar",
			"config": {
				"token": " my actual token",
				"thermNum": 1,
				"protectNum": 1,
				displayName: true, //Display the thermostat name
			displayType: "nest" //Choose either the Nest display or a list
				
			}
		},
		
			{
			"module": "MMM-MyNest",
			"position": "bottom_bar",
			"config": {
				"token": "my actual token",
				"thermNum": 2,
				"protectNum": 1,
				displayName: true, //Display the thermostat name
			displayType: "nest" //Choose either the Nest display or a list
				
			}
		},

[j.e.f.f]

@roro7878 Take a look at this thread:
https://forum.magicmirror.builders/topic/6746/how-to-get-2-modules-side-by-side