warnings

 <div style="max-width: 600px; margin: 50px auto;">
	<div class="px-2 pb-2">
		<div class="row no-gutters">
			<div class="col-6 row no-gutters">
				<div class="col-12 p-1">
					<div class="bg-faded p-4 h-100">
						<div style="font-weight:lighter;"><span style="font-size: 24px;">WARNING<em>!</em></span>
							<hr>Warning here.
							<br>Warning here.
							<br>the box expands the more you add, so fill this with no fear of the list being too long.</div>
					</div>
				</div>
				<div class="col-12 p-1">
					<div class="bg-faded p-4 h-100">
						<div style="font-weight:lighter;"><span style="font-size: 24px;">GOOD TO KNOW<em>!</em></span>
							<hr>Info here.
							<br>Info here.
							<br>Info here.
							<br>same as warning, box talking.</div>
					</div>
				</div>
			</div>
			<div class="col-6 row no-gutters">
				<div class="col-12 p-1">
					<div class="bg-faded p-3 h-100">

						<p align="center">
							<br>
						</p>
						<div style="font-weight:lighter;">this column adjusts/expands the more warnings &amp; infos you put.
							<br>you can put an image, more infos, songs or useful links, or litteraly anything here.&nbsp;

							<p>
								<br>
							</p>

							<p align="center">theres no limit. just have fun! :D</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!---credits! don't remove--->
<div class="px-1 text-center" style="text-align: center;"><span style="opacity: 0.3;"><small><a href="/towoxic"><i class="fas fa-cut"></i></a></small></span></div>
<!---end of credits--->