test.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="./testStyle.css">
        
    </head>
    <body>
      <div class="main">
        <div class="header">
            <div class="about gridPadding"><p>About</p></div>
            <div class="store gridPadding"><p>Store</p></div>
            <div class="blank gridPadding"></div>
            <div class="gmail gridPadding"><p>Gmail</p></div>
            <div class="image gridPadding"><p>Images</p></div>
            <div class="boxes gridPadding"><img src="https://icon-icons.com/icons2/933/PNG/512/show-apps-button_icon-icons.com_72551.png" id="buttonIcn"></div>
            <div class="account gridPadding"><p>A</p></div>
        </div>
        <div class="search"><img src="https://cdn.vox-cdn.com/thumbor/8tLchaDMIEDNzUD3mYQ7v1ZQL84=/0x0:2012x1341/920x613/filters:focal(0x0:2012x1341):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/47070706/google2.0.0.jpg"/></div>
        <div class="buttons">
            <form type="search">
                <input type="search" title="search me"></input> 
            </form>
            <button type="button">Search Google</button>
            <button type="button">I'm Feeling Lucky</button>
        </div>
        
        </div>
    
        
      <div class="footer">
            <div class="advertising"><p>Advertising</p></div>
            <div class="business"><p>Business</p></div>
            <div class="privacy"><p>Privacy</p></div>
            <div class="terms"><p>Terms</p></div>
            <div class="settings"><p>Settings</p></div>
    </body>
</html>