How not to Frontend all the things.
<ul id='😬' class='good-code-bro'>
	<li>Quality code!
	<li>All valid
// If your wondering, No my code isnt usually this good.
@media (min-width: 0) {
	#😬{
		font-family: cursive!important;
		font-size: 1cm;
		background:background!important;
		display: table;
		transform: rotate(360deg);
		box-shadow: 1px 1px 1px transparent;
		&:not(:not(.good-code-bro)){
			border:1e1px orange dashed!important;
		}
	}		
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.