Place the cards in lovelace the way i want it to be place in the screen

Configuration Frontend
1

Hi.
i’m trying to place the cards in lovelace the way i want it to be place in the screen.
how can i do it?
my code look like this:

  • title: Home
    icon: mdi:home-outline
    cards:

    • type: custom:compact-custom-header
      header: true
      menu: false
      notification: true
      voice: false
      options: false
      tabs: true
      clock: notification
      clock_format: 12
      clock_am_pm: true
      disable: false
      background_image: true
      user_agent: maykar, mobile
      user_agent_views:

      • 1,2,3,4,5,6,7,8,9,10,11,12,13,14
      • 2,4

    • type: glance
      show_name: true
      show_state: true
      column_width: calc(100% / 1)
      entities:

      • device_tracker.life360_
      • device_tracker.life360__
      • device_tracker.life360__gomera

    • type: entities
      show_header_toggle: true
      entities:

      • binary_sensor.smoke_sensor_158d000153bc62

    • type: entity-filter
      entities:

      • switch._light_corridor
      • switch._light_desk_table
      • switch._light_door_out
      • switch.kichen_fan
      • switch.kichen_light
      • switch.light_bathroom
      • switch.light_out_hologen
      • switch.light_shelves
      • switch.light_television
      • switch.light_tree
      • switch.salon1
      • switch.salon2
      • switch.salon_fan
      • switch.sonoff_1000549f32_1
      • switch.sonoff_1000549f32_2
      • switch.sonoff_1000549f32_3
      • switch.sonoff_1000549f32_4
        state_filter:
      • “on”
        card:
        type: entities
        title: אורות דלוקים

    • type: picture-elements
      image: /local/red.jpg
      elements:

      • type: state-label
        entity: sensor.time
        style:
        top: 35%
        left: 50%
        font-size: 5vw
        color: white

      • type: state-label
        entity: sensor.date
        style:
        top: 70%
        left: 50%
        font-size: 2vw
        color: white

    • type: weather-forecast
      entity: weather.rehovot

- type: weather-forecast

entity: weather.rehovot_2

  - type: custom:simple-thermostat
    entity: climate.___
    step_size: 1
    sensors:
      - entity: sensor.fibaro_system_fgwpef_wall_plug_gen5_energy
      - entity: sensor.fibaro_system_fgwpef_wall_plug_gen5_power
        name: Energy today
      - attribute: min_temp
        name: Min temp
    hide:
      mode: true  

  - type: iframe
    url: https://embed.windy.com/embed2.html
    aspect_ratio: 78%  

  - type: entities
    entities:
      - entity: sensor.to_work
        name: Home
      - entity: sensor.to_wotk_route
        name: Work         

  - type: shopping-list
    title: רשימת קניות

Thanks
Refael

2

try this:

also you need to properly format your code for the forum.