How do i create Gridview with Jetpack compose

LazyVerticalGrid( cells = GridCells.Fixed(2) )

package com.example.jetpack

import android.os.Bundle
import android.view.WindowManager
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.GridCells
import androidx.compose.foundation.lazy.LazyVerticalGrid
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.example.jetpack.ui.theme.JetPackTheme

class MainActivity : ComponentActivity() {

    @ExperimentalFoundationApi
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)
        setContent {
            GridViewDemo()
        }
    }
}

@ExperimentalFoundationApi
@Composable
fun GridViewDemo() {
    val numbers = (1..30).toList()
    JetPackTheme(
        darkTheme = true,
    ) {
        Scaffold(content = {
            LazyVerticalGrid(
                cells = GridCells.Fixed(2)
            ) {
                items(numbers.size) {
                    Card(content = {
                        Column(horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier.fillMaxWidth().padding(top = 16.dp, bottom = 16.dp)) {
                            Text(text = "  ${it+1}")
                        }
                    }, modifier = Modifier.padding(start = 16.dp, top = 16.dp))

                }
            }
        }, topBar = {
            TopAppBar(title = { Text("Grid View Demo") }
            )
        })
    }

}


@ExperimentalFoundationApi
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    GridViewDemo()
}