Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <base href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/">
<main>
	<article>
		<header>
			<img src="dead-horse-point-state-park-2x.jpg" alt="">
		</header>
<div class="multicol">
<h1>Land of Salt and Rock</h1>
<h2>Five Days in Utah</h2>
<p>“Why Utah?”</p>
<p>The question was posed to me pretty much every time I told someone where I was headed on my next adventure.</p>
<p>“What’s there?”</p>
<p>I was, of course, going to find out what was there. But at the very least I knew that if HBO’s <cite>Westworld</cite>, which is filmed in the state, was anything close to how the landscapes looked in real life, I was in for a few days of magic.</p>
<p>Utah might not be one of the first states that comes to mind when making a trip to America, but it should be. For lovers of the outdoors, it is an unparalleled paradise, with breathtaking rock formations around every highway turn.</p>
<p>To maximize the area covered, consider flying into Las Vegas, renting a car, and driving up into Utah (stop in Vegas for a quick lunch, perhaps at the delicious La Comida located off the strip). Utah has five glorious national parks, each with their own distinct characteristics, so it is best to plan ahead to figure out which ones are within your means for time and distance.</p>
<p>Amangiri, a five-star Aman property sitting close to Utah’s border with Arizona, provides an ideal destination for day one.</p>
</div>
<img src="route-89-2x.jpg" alt="">
<div class="multicol">
<p>Driving out of Nevada, through parts of Arizona, and into Utah is nothing short of awe-inspiring, with the scenery morphing from yellow to red to beige. Reaching Amangiri feels like approaching a secluded fortress, with a private winding road that snakes through the mountainous rocks.</p>
<p>“We’ve been expecting you!” the receptionist says as we buzz for entry through Amangiri’s locked gate. Finally reaching the resort itself, my partner and I are greeted by a team of friendly staff who immediately whisk our bags away as a host escorts us up the paved stairs. It is nighttime when we arrive, and the building is lined with glowing lanterns that light our path.</p>
<p>Inside, the lobby flows into the dining room and open kitchen, which in turn leads to an inner courtyard. Past the dazzling pool and hot tub, we are guided to our room, where check-in is as simple as signing our names.</p>
<p>Inspired by the area’s native Navajo people, Amangiri is so in touch with its surroundings that it seems as if it grew from the ground itself. Exposed concrete in soft greys; contemporary furnishings in muted yellows; a handmade dreamcatcher presented on the bed as a welcome gift—this place knows service, and knows detail. Want to go for a walk? There is an umbrella in case it rains. Partake in stargazing? They bring in an expert astronomer. Eat a delicious meal? Pull up a seat in the dining room and indulge in tortilla soup for dinner or huevos rancheros for breakfast, all the while never having to sign a bill or even give your room number. Guests here are friendly, too, and you never know who you might be talking to—that brunette woman dining solo might just have designed sets for 1995’s <cite>Outbreak</cite>.</p>
<p>Amangiri offers free guided hikes right from the property that explore the surrounding terrain, but it is also only a few hours’ drive from Zion National Park. Along the way, watch the rock formations change, perhaps stopping at the Grand-Staircase Escalante for a short detour to see some toadstools. That is the beauty of this land: even small journeys on the side of the highway turn into momentous adventures.</p>
<p>If visiting Zion in the off-season, you can take your car right through the park, stopping as many or as few times as desired (if there during peak season, shuttles are used to take explorers to the different viewpoints). The rock patterns on these red mountains seem to swirl and swish like ice cream cones, and a short hike down along the Lower Emerald Pool Trail makes me feel as though I’ve encountered a rugged stony jungle.</p>
</div>
<img src="monument-valley-2x.jpg" alt="">
<div class="multicol">
<p>On the way back to Amangiri, we detour to the Coral Pink Sand Dunes State Park and revel in the fact that we are the only two people in the entire place. Traipsing over mountains of Kool-Aid-coloured sand, I bend down to feel it between my fingers. It’s silky and light, almost whimsical.</p>
<p>If looking to stop for a bite somewhere along the way, consider Kanab Creek Bakery, located in the town of Kanab that sits between Amangiri and Zion; pop in for a humungous turkey sandwich on freshly baked bread.</p>
<p>Back at Amangiri, we indulge in a couple’s massage at the onsite spa, taking in the pre-treatment sage smudging and post-treatment steam shower. I then spend a few moments alone in the outdoor wading pool, letting the darkness of the night envelop me.</p>
<p>Come morning, we bid a sad farewell to Amangiri and head for Bryce Canyon National Park. Known for its chillingly beautiful sea of spire rock formations called hoodoos, Bryce is best enjoyed from Sunset Point, where the amphitheatre of hoodoos can be seen in full force, and adventurers can even walk down into the basin to stand right next to them. Also not to miss is the Natural Bridge viewpoint, which looks out onto a majestic arch-like wonder.</p>
<p>From Bryce Canyon, the road leads us north to the state capital, Salt Lake City. Host of the 2002 Winter Olympics, Salt Lake’s close proximity to six ski resorts makes it a great jumping off point for snowbirds. Our home for two nights is The Grand America Hotel, a luxury property with old world charms. Indeed, as the receptionist prepares the room key—shaped like an actual key, not the typical swipe card—he says, “We like to keep things a bit old-fashioned.”</p>
<p>For food, head to Pago for kale Caesar salad and bavette steak, or to HSL for pork chops, fried chicken, and General Tso-style cauliflower. Craft beer can be found at many places including the notable Uinta Brewing (because yes, alcohol is allowed and even produced in this Mormon state), and coffee is good at the Rose Establishment. The cafe is our final stop on the way to the Salt Lake airport, one last hurrah before leaving the splendid landscapes behind and heading back home to tell everyone exactly what can be found in this land of salt and rock.</p>
	
	<p class="credits">Text by <a href="http://montecristomagazine.com/magazine/spring-2018/five-days-in-utah">Sarah Harowitz</a></p>
	<p class="credits">Photographs by <a href="https://www.flickr.com/photos/pedrosz/albums/72157645897945460">Pedro Szekely</a>, used under a <a href="https://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic license</a></p>
		
</div>
</article>
</main>
              
            
!

CSS

              
                @import url('https://fonts.googleapis.com/css?family=Lato:700,900');
@font-face {
	font-family: Arno Pro;
	src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/ArnoPro-Regular.otf);
	font-style: normal;
}
@font-face {
	font-family: Arno Pro;
	src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/ArnoPro-Italic.otf);
	font-style: italic;
}
p { 
	font-family: Arno Pro, serif;
	font-size: 1.2rem;
	line-height: 1.4;
  margin: 0;
}
p.credits {
	font-style: italic;
	text-indent: 0 !important;
	margin: 1rem 0;
}
p a {
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}
@supports (font-variant-caps: small-caps) {
    .multicol:first-of-type p:first-of-type {
        font-variant-caps: small-caps;
    }
}
p:not(:first-of-type) {
	text-indent: 1.4rem;
}
.multicol {
	column-count: 4;
	column-gap: 2rem;
}
.multicol + img {
	margin: 2rem 0;
}
article {
	width: 80%;
	margin: 0 auto 4rem;
}
article img {
	width: 100%;
}
article header {
	margin-bottom: 2.5rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid rgba(0,0,0,0.8);
}
article h1 {
	margin-top: 0;
	font-size: 3rem;
}
article h2 {
	break-after: column;
	font-size: 1.5rem;
}
h1, h2 {
	font-family: Lato, sans-serif;
}
@media all and (max-width: 1600px) {
	.multicol {
		column-count: 3;
	}
}
@media all and (max-width: 1000px) {
	.multicol {
		column-count: 2;
	}
}
@media all and (max-width:800px) {
	article h2 {
		break-after: avoid;
	}
	.multicol {
		column-count: 1;
	}
}
@media all and (max-width:600px) {
	body {
		margin: 0;
	}
	article {
		width: 100%;
	}
	.multicol {
		padding: 0 1rem;
	}
	article header {
		margin-bottom: 2.5rem;
		padding-bottom: 0;
		border-bottom: none;
	}
	h1 {
		margin-bottom: 0;
	}
}
              
            
!

JS

              
                
              
            
!
999px

Console