Using Units
• Use EM for Padding, Margin, Width, Height, Transforms, & Font Sizes
• Use PX only for things that won't break the design if they don't scale such as border widths & drop-shadow distances
• Use % (optional) for columns inside containers
Scaling
• On tablet and below, change the body font size to PX or higher VW number
• On desktop, the design will scale up seamlessly. It will stop scaling when it reaches the max width of 1440px.
• There is no need to add larger breakpoints
Body All Pages Tag Not Changing Font Size?
• The custom code embed on this page in the global symbol sets a px max width when the screen size reaches 1440px. You can either remove this code all together or change the pixel font size there. If removing the code, also remove the 1440px width set to the containers.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
A personal series of postcards inspired by a trip to Kyoto and Tokyo, highlighting some of the hidden areas of local neighborhoods that caught my interest.
Many would argue for happiness as a human right, and the pursuit of which as a fundamental goal. But what is happiness? When it is conceptualized as a goal versus a state of being —be it wealth, social mobility, or personal achievement— we are often left isolated in our pursuit of this. We wander in a maze, enforced by the restrictions of society and our fears, in hopes that we will one day reach our personal Shangri-La. It is easy to miss the things in the present that we can be grateful for in our endless search for a better future.
"The Beauty of the House is immeasurable; its kindness infinite."
Inspired by Susanna Clarke's novel.
In an economy with increasing dependence on long-distance trade, indigenous Dalit and Quechuan communities are two models of communities that are successfully relocalizing their food systems to enjoy economic security and food sovereignty.
The most famous secret religious rites of ancient Greece, the Eleusinian Mysteries were annual initiations for the cult of Demeter and Persephone. At Eleusis, initiates consumed an ancient barley drink called kykeon, rumored to have psychedelic properties that aided in the experience of visions of redemption and eternal life. No one knows the complete list of ingredients in this mysterious beverage, but there are plenty of theories...
With what seems like an endless flow of news of cities devastated by pandemic, war, natural disaster, and economic crises, it's difficult not to be cynical about our futures. This outlook gets even bleaker when we recognize that much of present human suffering stems from our own deeds out of ignorance or self-interest. But, like how a flower turns to follow the sun, it is a human condition to be drawn towards spaces where we see hope. When we take the steps to protect and nurture these spaces as a collective, we define a healthier relationship between ourselves and the world. Together we can form a more loving, healthy, and sustainable community.
An illustration based off an article that talks about the long distance trade of spices and fruits between the Mediterranean and Asia since as early as the Bronze Age. It's strangely humbling to find out that the banana is over 3000 years old!
An illustration of an article about scientists uncovering new sources of data on the melting of Earth's polar ice caps.
Based off one of my favorite short stories by Ursula K. Le Guin, "The Ones Who Walk Away from Omelas."
How will we recount our tales of the pandemic in the future? While everyone has a different story of when "normal life" stopped for them, many of us can attest to an overwhelming experience of loneliness during quarantine. According to psychologists and anthropologists, in such periods of extended trauma, we string such anecdotes together into narratives that allow us to reflect on our hardships, and help determine how we move forward from them.
It turns out that a walk in nature is rocket fuel for our brains, so it's good to remember to take breaks from the screen more often. An illustration based off an article on the effects of being in nature on a person's energy, memory, stress levels, and creativity.
In an era fascinated with research on the therapeutic potential of psychedelics, peripheral discussions speculate about the role of psychedelics in the rise of early Christianity in ancient Greece. It was a fun challenge to visualize such iconic imagery while alluding to these potential roots.
A piece inspired by classic depictions of women in water, notably Ophelia in the end of Hamlet, Nimueh of Arthurian legend, and Greek naiads who presided over freshwaters.
Surveys have found that millennials are more comfortable talking about their personal finances than previous generations. Economists have theorized that this may be an extension of this generation's comfort with transparency on social media, and a collective sense of financial stress from the 2008-09 financial crisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.