Hello Hiu Tung ,

To ensure that your Aura lighning component has same layout as of Mobile you can follow certain specifications :

Use a Responsive Design : Responsive design enables your app page or website to scale elegantly across screen sizes. It uses fluid grids and media queries to display the right layout for different screens. Responsive design improves app maintainability and reliability, while future proofing for different browsers and platforms.

Reference : https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.mobile_layout


 You can use SLDS classes to create a responsive layout for a Lightning Component that displays a custom object:
 

<aura:component implements="flexipage:availableForAllPageTypes">
    <ltng:require styles="/resource/SLDS0123/assets/styles/salesforce-lightning-design-system-ltng.min.css"/>
    <div class="slds-grid slds-wrap">
        <div class="slds-col slds-size_1-of-2">
            <!-- Left column content here -->
        </div>
        <div class="slds-col slds-size_1-of-2">
            <!-- Right column content here -->
        </div>
    </div>
</aura:component>

By using the slds-wrap class, the grid layout will wrap to the next row on smaller screens, creating a responsive layout that works well on mobile devices.

If it helps please mark this as Best Answer.
Thank you.