Making Storefront Child Theme

Made a child theme for storefront, but It’s not working like I want it to. Followed the basic child theme instructions from the docs. In my child theme I have the style.css and functions.php.

style.php

/*
	Theme Name:   Storefront Child
	Description:   Child Theme
	Template:     storefront
*/

functions.php

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

After activating my child theme I figured it would look exactly like the original and then I can add my own css styles. But it turns out it doesnt look much like the main theme. It’s using a different menu, even though it should still be using the Primary menu. The grid is way different and its not using any of the columns the original theme has. Theres some pics below.

My storefront theme – what i want it to look like
https://i.imgur.com/p5X79fx.jpg

Child theme – this doesnt look good
https://i.imgur.com/32yH4vJ.jpg

What’s the best way to create this child theme to work just like the original? I just want to add some css changes, thats it.