Sections are page-width by default, with global padding. Every section starts with a div with the content-wrapper class
content-wrapper (100% width, 1 rem gap)
Composite Elements
Buttons are styled to match design background color, text color, font weight and text transformation. They all display with space-between elements, 1 rem gap, 1 rem padding on all sides . Each has a .3 transition effect and on hover the background color changes and scale increases to 1.1
Toggle-wrapper is made of elements. Toggle element has a class to flex-row-reverse so icon appear on right of heading. Toggle element also has a class with min-height to keep each item the same size, regardless of length in Heading or text. horizontal-divider is last div to keep each line the same size and position.
Heading
This is a block of text. Double-click this text to edit it.
Two search result cards made to display the large version of details and a small container for nearby results
13837 E Poelstra St, Vail, AZ 85641
Del Webb Rancho Del Lago
Del Webb Rancho Del Lago is one of the most popular places to play pickleball in Vail, Arizona. There are 4 Outdoor courts.
