H.am T.oday, M.acaroni L.eftovers
This CSS property is used to create a shadow around an element’s box.
What is box-shadow
What is Create Component. Used for creating reusable components in Webflow.
She’s credited as one of the first Black female graphic designers and helped shape the look of the Civil Rights movement.
Who is Emory Douglas? (Alternative: Who is Dorothy Hayes?)
These file formats are best for transparent backgrounds and supports gradients and millions of colors.
What is a PNG and SVG
The most common grid used in magazines and editorial design is this type.
What is a column grid?
You’d use this CSS property to set the background color of an element.
What is background-color
This kind of design role doesn't always include drawing, but focuses on systems, flows, and how users interact with a product.
What is a UX Designer?
This file format is best for detailed photos—like small amoebas—where color depth and clarity are important.
What is JPEG? Or TIFF
This type of grid adapts to different screen sizes and is commonly used in web design.
What is a responsive grid?
What is the most common example of a fixed unit of measurement?
What is PX?
This layout property allows alignment of items horizontally, vertically, and distribute space.
What is Flexbox or Grid?
Making sure your product works well on a phone, tablet, and desktop is part of this kind of design.
What is responsive design?
This file extension is associated with editable files created in Adobe Photoshop.
What is PSD?
In a grid system, these are the spaces between columns.
What are gutters?
This HTML tag is used to define a block of text as a paragraph.
What is <p>
This Webflow panel lets you reorder, hide, or delete elements on your page.
What is the Navigator Panel?
Name the designers responsible for creating this typeface?
Swiss typeface designers Max Miedinger and Eduard Hoffmann
This file format can be opened in a browser, scaled infinitely, and contains code instead of pixels.
What is SVG?
These are non-printing horizontal or vertical markers used to align objects.
What are guides?
This CSS property generates space around the an element's content.
What is padding
Webflow automatically creates this type of code behind the scenes as you design.
What is HTML and CSS?
In branding, this single visual mark often appears on products, signs, and digital screens.
What is a logo?
You want to create a sharp, scalable logo—but you save it as this file type, which blurs when enlarged.
What is JPEG?
These tiny alignment suggestions in software like Figma or Adobe XD snap your elements into place.
What are smart guides?