Code Pad : View 2 and 3 box style grid formatting

html

<div class="invs-welcome">
	<div class="grid-x grid-padding-x">
		<div class="medium-6 cell">
			<div class="invtopboxes head-news">
				<h2>Headline News</h2>
				<div id="load-news">
					 
				</div>
				<a class="inv-more" href="/site/investor-information/ASX-Announcements">read more</a>
			</div>
		</div>
		<div class="medium-6 cell">
			<div class="invtopboxes share-price">
				<h2>Shareprice</h2>
				<div class="home-shareprice invshareprice">
					<div class="price" id="price" data-quoteapi="price">
					</div>
					<div id="market-cap" class="market-cap">
						<span data-quoteapi="symbol"></span> Mkt Cap: <span data-quoteapi="marketCap"></span>
					</div>
					<div class="market-status">
						The Market is currently <span data-quoteapi="marketStatus"></span>
					</div>
					<div class="spdelay">
						Price Delay ~20min
					</div>
					<div class="lastTradeDate" id="lastTradeDate" data-quoteapi="lastTradeDate">
					</div>
					<div class="lastTradeTime" id="lastTradetime" data-quoteapi="lastTradeTime">
					</div>
					<div class="irmau-small-chart" data-quoteapi="smallChart range=6m">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="grid-x grid-padding-x grid-margin-x secndrow">
		<div class="medium-4 cell">
			<div class="invsbox inv-bg inv-email clickable">
				<h3>Box Title <i class="fas fa-envelope"></i></h3>
				<p>
					Subscribe now for latest news.
				</p>
				<a href="/site/contact/email-alerts"> </a>
			</div>
		</div>
		<div class="medium-4 cell">
			<div class="invsbox inv-bg inv-fs clickable">
				<h3>Box Title<i class="fas fa-newspaper"></i></h3>
				<p>
					View our Box Title here.
				</p>
				<a href="/site/news/presentations"> </a>
			</div>
		</div>
		<div class="medium-4 cell">
			<div class="invsbox inv-bg inv-share clickable">
				<h3>Box Title <i class="fas fa-building"></i></h3>
				<p>
					View our Box Title here.
				</p>
				<a href="/site/investor-centre/shareholder-services"> </a>
			</div>
		</div>
	</div>
</div>

css

js

scripts

2 and 3 box style grid formatting

Code

Download & Run

Preview