){kind=avatar}
Page Heading - H1 & Banner
Page Heading - H1 Component
Copy Component
Eget lorem dolor sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a cras semper auctor neque vitae tempus quam pellentesque nec nam aliquam sem et tortor consequat id porta nibh venenatis cras sed felis eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae semper quis lectus nulla at volutpat diam ut venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin fermentum leo vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam non nisi est sit amet facilisis magna etiam.
Dynamic 3-up Content Card Grid
Dynamic 1-up Content Card Grid
Static Content Cards 3-up Example
Top-rated Hub Cards
Best Overall Gas Grill for Outdoor Kitchens
- Our Pick
- Blaze Professional LUX
What We Love:
- Best-in-class, lifetime warranty empowers you to buy with ultimate confidence
- Heat zone separators put you in total control of the cook on heavy-duty, cast 304 stainless steel burners
- 12mm, hexagon-shaped grill grates efficiently impart heat for incomparable sear marks
Blaze Professional isn't just about the looks and feel. It provides incredible burner quality, guaranteed ignition, and fine-tuned temperature control.Chef Tony, BBQGuys Product Expert Read full expert review
Related Articles:
Best Built-In Gas Grills Best Natural Gas Grills Best Commercial Multi-user Grills
Top Rated Article Card (w/top border)
Blaze Professional LUX
Expert Review Rating 4.5 out of 5.
What We Love:
- Best-in-class, lifetime warranty empowers you to buy with ultimate confidence
- Heat zone separators put you in total control of the cook on heavy-duty, cast 304 stainless steel burners
- 12mm, hexagon-shaped grill grates efficiently impart heat for incomparable sear marks
Blaze Professional isn't just about the looks and feel. It provides incredible burner quality, guaranteed ignition, and fine-tuned temperature control.Chef Tony, BBQGuys Product Expert Read full expert review
Honorable Mentions:
Design Center Cards
Design Center Card
Our newest location, the BBQGuys Atlanta Design Center is a 6000 square foot state-of-the-art showroom featuring beautiful and innovative grill islands spotlighting the industry's very best grill and outdoor lifestyle brands.
Address
6310 Town SquareBldg 1100 Ste 150
Alpharetta, GA 30005
Design Center Cards Reversed
How-to-buy 2x Static Card List Example
Built-in Gas Grills
Built-in gas grills (which are also referred to as drop-ins, grill heads, or grill inserts) are placed into a BBQ island as part of a larger outdoor kitchen. They can often be purchased with full lines of matching outdoor kitchen equipment, allowing you to create a cohesive aesthetic in your backyard. Built-in grills make for a natural gathering place in your outdoor area, and can often add significant value to your home.
Freestanding Gas Grills
Rather than being built into a structure, freestanding gas grills are placed on a movable cart that usually has an enclosed storage area for fuel tanks and cooking accessories. These grills are more mobile than built-ins, meaning you can rearrange your outdoor setup with little hassle. Look for freestanding grills with a side burner so you can prepare side dishes or simmer your favorite sauce for basting.
How-to-buy 3x Static Card List Example
Much has changed since the early days of gas grilling, when post-mounted grills that used natural gas were the norm. The past 20 years alone have brought plenty of changes, and BBQGuys® has seen several grilling fads come and go in that time. But some innovations — such as infrared sear burners, multi-fuel grills, and rotisseries of all shapes and sizes — have withstood the test of time and become staples of the gas grill industry.
Sear Burners for Gas Grills
Rather than creating convection heat that warms the air inside the firebox, sear burners emit huge amounts of radiant heat to cook only the food directly above it. That's why they're also referred to as infrared burners, which are usually made using a perforated ceramic plate that's heated by a gas flame until it becomes red-hot. Sear burners like those on the Victory gas grill efficiently deliver steakhouse-level results and don't dry out your food like a conventional burner might (how does 35% more moisture retention sound?).
Multi-fuel Grilling
These grills make it possible to cook using different types of fuel on the same grill. American Muscle Grills take this concept to the extreme with removable trays designed for charcoal, pellets, wood chunks, and actual wooden logs in addition to the typical gas fuel source. There are also gas/charcoal combo grills, like the Coyote Centaur, that pair two fully realized BBQ grills together in a single cooking machine. If you love the idea of multi-fuel grilling but would prefer something more modest, then look for a standard gas grill from a brand that offers a charcoal tray accessory for the best of both worlds.
Gas Grill Rotisseries
Often paired with rear infrared burners, rotisseries create mouthwatering dishes and add a wow factor for outdoor entertainers. Food is placed on a spit rod and slowly rotated over the burners, allowing meat to baste in its own juices that continually roll across its surface. The results are tender and flavorful, and a slowly rotating, glistening cut of meat makes for quite the sight. Some Luxury grill brands, like Hestan and Fire Magic, have chain-driven rotisserie motors hidden within the grill body that steadily spin and can support up to 60 pounds of food. Other models are compatible with rotisserie kit accessories.
How to Buy 4x Static Card List Example
To make our industry-leading selection of gas grills easier to navigate, we sorted every model into 1 of 4 clearly defined classes — Luxury, Premium, Practical, and Entry-Level. Each class reflects a grill's quality, features, and performance so you can get right to the BBQ grills that have everything you're looking for. Choosing the right gas grill class for your needs is crucial for narrowing your search and taking the next step toward completing your backyard.
Luxury Gas Grills
- Highest possible quality of parts and materials, generally backed by lifetime warranties
- Beautifully designed to serve as an attractive outdoor centerpiece
- Top-of-the-line features make cooking engaging and entertaining
- The most reliable cooking systems and widest temperature ranges of all gas grills
Premium Gas Grills
- Usually built entirely with 304, commercial-grade stainless steel
- Long-lasting grills, some with lifetime warranties, that can be built into a BBQ island
- Wide range of accessories allow you to personalize your grill
- Produce consistent, dependable results along with easy-to-control heat
Practical Gas Grills
- Built using a mix of stainless and painted steel, with warranties up to 10 years
- Wallet-friendly with adequate quality and dependability
- Cooking versatility is limited by smaller range of features and size options
- Decent heat retention, though temperatures top out around 500° Fahrenheit
Entry-Level Gas Grills
- The most affordable and accessible grills, making them a popular choice among beginners
- May compromise to meet low price points, resulting in a wide range of overall quality
- Usually made from painted or porcelain-coated steel with short warranties, with a few notable exceptions
As you can see, warranties play a big role in how we judge gas grills. That's why we recommend that you always check the warranty before purchase. Grills with a long-lasting warranty from brands with good customer service are highly desirable because you'll be taken care of should any part fail or need to be replaced down the road.
Split Cards Component
This component is used regularly throughout the Basic and Advanced Grillabilities. Each card takes up 50% of usable page space. Cards can be images or text based with titles and descriptions and can be used in any combination and with any number of cards. An example is provided below of Title/Description w/ or w/o bulleted lists, image cards, and a complex variant that can be used in place of the How-to-Buy 2x Component.
Title + Description Split Cards
Size Matters
Eating pork ribs is often a one-handed affair. Meanwhile, if beef ribs take up a lot of room
raises eyebrows, you'll want to brush up on your cattle anatomy.
Savor the Flavor
The bigger, fattier animal always boasts the stronger natural taste. With that said, the milder taste of pork ribs will take your seasonings much further.
Single Spark Ignition
This method requires you to use two hands — one pushes a button to fire a single spark from a piezoelectric igniter, while the turns the burner knob to create gas flow. Because of the relative complexity and smaller odds of first-time lighting, single spark ignition is common among side burners and low-priced grills.
- Bulleted list item
- Bulleted list item
- Bulleted list item
Single Spark Ignition
This method requires you to use two hands — one pushes a button to fire a single spark from a piezoelectric igniter, while the turns the burner knob to create gas flow. Because of the relative complexity and smaller odds of first-time lighting, single spark ignition is common among side burners and low-priced grills.
- Bulleted list item
- Bulleted list item
- Bulleted list item
Image-only Split Cards
Mixed Split Cards
Single Spark Ignition
This method requires you to use two hands — one pushes a button to fire a single spark from a piezoelectric igniter, while the turns the burner knob to create gas flow. Because of the relative complexity and smaller odds of first-time lighting, single spark ignition is common among side burners and low-priced grills.
- Bulleted list item
- Bulleted list item
- Bulleted list item
)
Complex Split Cards
Beef Plate Short Ribs
)
AKA:
Plate Ribs,
Loaded Beef Ribs
Not always the easiest to come by for the backyard grill master, but let's be frank: it doesn't
get bigger or badder than this. One beefy plate short rib typically weighs in at 1-2 pounds,
proudly serving 2-3 by itself. Pulled from the lower ribcage, the brisket on a stick
boasts
ample fat for maximum moisture. Did we mention they often sell in full stacks of three? Have fun!
- Tougher to source, but well worth it
- Huge bones with plenty of meat
- Full of flavorful fat and collagen
- Often sold in 3-bone slabs
Beef Back Ribs
)
AKA:
Dinosaur Ribs
Often forgotten by all but pioneering pit masters, beef back ribs are pulled from the rear portion of the rib cage near the spine. Surprisingly, they can be limited on meat; you can thank prime rib for that, as it's cut from the adjacent space. Back rib meat is mostly found between the bones themselves, but boy is it delicious! (We'll cut prime rib some slack, just this once.)
- Located close to ribeye and prime rib
- Thicker bones, usually 8 inches wide
- Generally less meat (but less prep)
- Under-appreciated by comparison
Standout Text Component
This component is used throughout Master and Advanced Grillabilities. It can be used anywhere something needs to be called out visually to ensure the user will notice it. It's contents can be basic or complex lists or copy, but should not contain imagery.
How-To Guide
Cutting Chicken Wings
- If necessary, trim excess fat from the top of the drum.
- Flip the chicken wing so the skin side faces down on the cutting board and the bones and joints are visible.
- Stretch out the wing so you can make a clean cut between both the wing tip and flat, then the flat and the drum. Use your fingers to find the joints between each piece, which contain cartilage and are much easier to slice than bone. When just getting started, you may find it helpful to cut through the skin so you can see the bones, then pop the joints to help you know exactly where to cut between them.
- Locate the bone ridge in the joint between the wing tip and the flat. Cut straight through, then discard or keep the tip to make a stock.
- Locate the ridge of the drum bone that ends in the joint between the drum and flat. Place your knife or blades of your kitchen shears next to the ridge, then cut straight through to separate. If the blade doesn't slide right through, feel again for the ridge and reposition the cut as necessary.
“Key Takeaways” Article Summary Variant
A summary is supposed to communicate the key points of a piece of long-form content. A summary at the beginning of the article helps readers quickly determine if the article is relevant to them. Additionally, providing a summary right away gives users a roadmap, informing them of what is to come.
Key Takeaways
- Content summaries should be concise and to the point
- Content summaries should be easy to distinguish from the rest of the text
- Use a bulleted list If there are several or more key takeaways
- Bullet points can be paired with in-page links to serve as a table of contents
- When each bullet is verbose, it can result in an undesirable wall of text
Key Takeaways
- Be Brief: Content summaries should be concise and to the point. If your piece has several major takeaways, use a bulleted list to make them scannable and easy to consume.
- Subtly Distinguished: Content summaries should be easy to distinguish from the rest of the text. A descriptive heading (e.g., ‘Summary’ or ‘Key Takeaways’) and a distinct visual treatment (such as borders and shading) can draw attention to the summary.
- UX Laws of Proximity and Similarity: Use a bulleted list If there are several or more key takeaways. They support scanning, emphasize key points, and reveal relationships among items.
- Content Navigation: Bullet points can be paired with in-page links to serve as a table of contents. In-page links help users navigate to specific content sections on the same page.
- Efficient Scanning: Bullets are a powerful formatting device only if used properly. When the content presented in each bullet point is lengthy, it can still result in an undesirable wall of text.
Product Benefits Component
High Heat
Many gas grills can top 700°F, and some are even capable of reaching over 1,000 degrees Fahrenheit with no trouble at all.
Instant Ignition
Simply push a button or turn a knob to fire up the grill, which generally has a secondary ignition method should the primary igniter fail.
Fast Preheat
Gas grills reach desired temperature almost instantly after they're lit, and the cooking grates preheat quickly to guarantee gorgeous sear marks.
Temperature Control
Not only do these grills excel at maintaining almost any heat level, but they're also designed to spread it evenly across your cooking surface.
Versatility
High heat isn't all gas grills are good at. Indirect grilling is possible on models with multiple burners, and some can pull off low-and-slow smoking.
Easy to Use
Gas grills require virtually no guesswork and have independently controlled burners that can be turned on or off in seconds.
Customizable
Choose from different styles, configurations, burners, and a wide variety of accessories that makes gas grills easy to personalize.
Stylish
With mirror-polished stainless steel, LED light displays, and matching outdoor kitchen equipment, gas grills are in a category all their own.
Benefits Article 3x Static Card List Example
Much has changed since the early days of gas grilling, when post-mounted grills that used natural gas were the norm. The past 20 years alone have brought plenty of changes, and BBQGuys® has seen several grilling fads come and go in that time. But some innovations — such as infrared sear burners, multi-fuel grills, and rotisseries of all shapes and sizes — have withstood the test of time and become staples of the gas grill industry.
Sear Burners for Gas Grills
Rather than creating convection heat that warms the air inside the firebox, sear burners emit huge amounts of radiant heat to cook only the food directly above it. That's why they're also referred to as infrared burners, which are usually made using a perforated ceramic plate that's heated by a gas flame until it becomes red-hot. Sear burners like those on the Victory gas grill efficiently deliver steakhouse-level results and don't dry out your food like a conventional burner might (how does 35% more moisture retention sound?).
Multi-fuel Grilling
These grills make it possible to cook using different types of fuel on the same grill. American Muscle Grills take this concept to the extreme with removable trays designed for charcoal, pellets, wood chunks, and actual wooden logs in addition to the typical gas fuel source. There are also gas/charcoal combo grills, like the Coyote Centaur, that pair two fully realized BBQ grills together in a single cooking machine. If you love the idea of multi-fuel grilling but would prefer something more modest, then look for a standard gas grill from a brand that offers a charcoal tray accessory for the best of both worlds.
Gas Grill Rotisseries
Often paired with rear infrared burners, rotisseries create mouthwatering dishes and add a wow factor for outdoor entertainers. Food is placed on a spit rod and slowly rotated over the burners, allowing meat to baste in its own juices that continually roll across its surface. The results are tender and flavorful, and a slowly rotating, glistening cut of meat makes for quite the sight. Some Luxury grill brands, like Hestan and Fire Magic, have chain-driven rotisserie motors hidden within the grill body that steadily spin and can support up to 60 pounds of food. Other models are compatible with rotisserie kit accessories.
Brands Standalone Grid Component
){kind=logo}
Expert Reviews Standalone Grid Component
Product Class Explainer Component
To make our industry-leading selection of gas grills easier to navigate, we sorted every model into 1 of 4 clearly defined classes — Luxury, Premium, Practical, and Entry-Level. Each class reflects a grill's quality, features, and performance so you can get right to the BBQ grills that have everything you're looking for. Choosing the right gas grill class for your needs is crucial for narrowing your search and taking the next step toward completing your backyard.
- Highest possible quality of parts and materials means these grills can last decades*
- Expertly and beautifully designed to make a striking impression
- Brands offer full lines of matching outdoor kitchen equipment for a cohesive aesthetic
- Lifetime warranties are the norm, and some include the benefit of labor coverage
- Top-of-the-line features provide a luxury experience for you and your guests
- The most reliable ignitions and cooking systems along with innovate technologies
- Most cooking versatility and widest temperature ranges of any grills
Quality
Luxury grills should last a lifetime* and serve as a truly worthwhile investment that'll yield years of enjoyment for you and your guests. They're built entirely with high-quality materials like commercial-grade, 304 stainless steel that can stand up to repeated cooks and the test of time. In addition to their durable construction, Luxury grills boast superior craftsmanship and attention to detail in the form of fully welded seams, sleek lines, and hand-polished edges. With such strong aesthetics, these high-end models are designed to be the eye-catching centerpiece of just about any outdoor kitchen setup.
Performance
The cooking systems of Luxury grills are generally quite forgiving, meaning you can briefly step away from the pit to socialize with guests without worrying if your food will burn. They're known especially for creating even heat that minimizes hot/cold spots, allowing food to cook uniformly and at the same speed. Flare-ups are just as rare, but when they do occur, they result in the flame-kissed food that every home cook desires instead of a runaway fire. Additionally, Luxury grills can reach ultra-high temperatures for restaurant-quality sear marks and sink to the low end for more delicate items.
Features
From hood lift assist functions to heat zones separators, Luxury grills turn cooking into an effortless experience. They remove the guesswork of grilling with front-facing viewing windows and extremely accurate analog thermometers, not to mention the built-in grease management systems that make cleanup a breeze. Integrated rotisseries are common in this grill class, which is also notable for its wide range of possible accessories such as smoker boxes, pizza stones, and steamer trays. Throw in built-in safety systems and hood lights for nighttime grilling, and you've got a group of grills that leave nothing to be desired.
Top Class Brands
){kind=logo}
){kind=logo}
FAQ / Accordion Component
Essential Accessories Listicle
BBQ Thermometers
From instant read infrared thermometers to state-of-the-art wireless grill thermometers, we've got plenty to spare. Know that internal temperature before your entree even touches a plate or makes eye contact with a fork. Food safety aside, having those precise readings helps keep those mouthwatering juices right where they belong — in the meat! Shop BBQ Thermometers
Charcoal Starter
Electric charcoal starters like the Looflighter can get your fire lit in under a minute and give you more time to entertain, relax, and enjoy yourself. More importantly, an electric starter will prevent your food from having any chemical lighter fluid taste. The traditionalist may be happier with a chimney starter that will produce hot coals in 15 minutes. Shop Charcoal Starters
Wood Chips
Wood adds a smoked accent to your meal and can really enhance your grilling experience. Try filling a smoker box with your favorite wood chips to spice things up on the grill, infusing smoky aromas of hickory, apple, pecan, and more. The BBQGuys Signature Smoker Box can be used on either charcoal or gas grills to provide layers of delicious flavor to food. Shop Wood ChipsRecipe Page Component
We know that finding the right gas grill for you can be a challenge. Over the past 2 decades alone, our experts have tested countless grills from dozens of brands, each with its own set of industry-specific terms and marketing jargon. There's also the seemingly endless list of features and accessories to worry about, not to mention misinformation like BTU count equating to heat output or that all stainless steel is the same.
Ingredients
Ingredients for Part
- 2 tablespoons of Ingredient
- 1/2 pound of Ingredient
- 1 cup of Ingredient
Ingredients for Other Part
- 1 teaspoon of Ingredient
- 1/3 cup of Ingredient
- 4 slices of Ingredient
Items You'll Need
Instructions
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This griddled Chicken Bacon Ranch Sandwich from Brad Prose has it all, from the melty cheese to the crispy bacon, blanketed in a homemade jalapeno ranch dressing. Each bite is spicy, crispy, and juicy. The best part is that this recipe is very low effort, and can be fully prepared in 30 minutes or less. Start pounding those chicken breasts and fire up your griddle!
Overflow Slider Component
This is a scriptless CSS-only fallback/fix whilst transitioning our front-end tech stack to MUI React Library. It should create a horizontal row of links consisting of a thumbnail image and title text. By default, 4 links and a quarter of another link should be visible given that there are more than 4. A horizontal scrollbar should be visible for accessing the remaining links beyond that. Each link should 'snap' to the center of the container.
Shop by Slides
)
Basic List Menu
Profile-Person
Component
){kind=icon}
Influencer Name
This is where a short bio blurb about the influencer should appear. We should try to keep this no more than three lines, but it can be infinite.
Blog Style List
- Article/Blog Title Here Publisher name here - Publishing Month Day, Year (November 18, 2023)
- Article/Blog Title Here Publisher name here - Publishing Month Day, Year (November 18, 2023)
- Article/Blog Title Here Publisher name here - Publishing Month Day, Year (November 18, 2023)
- Article/Blog Title Here Publisher name here - Publishing Month Day, Year (November 18, 2023)
- Article/Blog Title Here Publisher name here - Publishing Month Day, Year (November 18, 2023)
Photo Gallery Component
Standout Card Section Component
We're Here to Help
Choose help topics browse frequently asked questions or chat with an expert.
Track My Order
Cancel/Modify My Order
Shipping & Delivery Info
Return Items
Topic Card Section Component
Orders & Returns
Orders & Returns
Topic 2
Topic 2
Topic 3
Topic 3
Topic 4
Topic 4
Testimonials
Within minutes of meeting the team, we could tell we were dealing with pros based on their product knowledge, design expertise, and overall outdoor kitchen know-how.
It saved me so much time—and so much money, too. I wouldn't have known if my products would fit in without the team's help. It made buying much more cost-effective.
It was so collaborative. They made it very easy for us because, ultimately, we don't know what we don't know. We can do research, but there's nothing better than having a true expert do it for you.
4 Steps to a Stunning Outdoor Kitchen
-
-
- Call our backyard design team today at 1-877-743-2269 to connect with an expert. Be prepared to share details about your space, such as dimensions and product specifications.
- Explore our complete catalog of top outdoor living brands and premium outdoor kitchen appliances, living fixtures, and patio furniture.
- Our team will integrate your selected outdoor living products into your free 3D design plan, provide pricing, and assist you in placing orders.
- If you're working with a contractor, direct them to our PRO Program to ensure the smooth installation of your outdoor kitchen.
Maximum widths
The non-responsive utility classes only work for tablet and desktop. There are no mobile-specific sizes as mobile really shouldn't have any set maximum widths. All of the following maximum width elements are percentage based and therefore subjective to their parent container's width. Any missing sizes can be added as needed.
Defaults
The following are the max-width classes applied to both tablet and desktop (default) viewports.
Tablet-only
The following are the max-width classes applied to tablet viewports only.
Desktop-only
The following are the max-width classes applied to desktop viewports only.
Alignments
The following demonstrates the max-width classes for both the left, centered (default), and right alignments as applied to all viewports. As can be seen below, the alignment only applies to the container, not its contents. The default alignment is centered.
Responsive choreography
The following is a mixed use of the maximum width classes when they are stacked for responsiveness. In the following example, the width of each element is set in a reverse order. So the desktop widths will be reversed for tablet view.
Classes and modifiers
There isn't a traditional base class, but the prefix, .max-w- class that can have any of the preset
modifiers appended to it that handles a lot of the heavy lifting.
There are only two optional responsive modifiers for tablet and desktop.
There are also multiple required size modifiers and two optional alignment modifiers.
These should be stacked with the size class(es) when the alignment needs to differ.
| Base | Max-widths | Alignments |
|---|---|---|
.max-w-
|
50p || phi || 70p || 75p || 80p || 90p
|
left || right
|
.max-w-med-
|
50p || phi || 70p || 75p || 80p || 90p
|
left || right
|
.max-w-lrg-
|
50p || phi || 70p || 75p || 80p || 90p
|
left || right
|
| Class | Styles |
|---|---|
.max-w-
|
margin-left: auto; margin-right: auto; width: 100%;
|
.max-w-50p
|
max-width: 50%
|
.max-w-phi
|
max-width: 61.8% (phi)
|
.max-w-70p
|
max-width: 70%
|
.max-w-75p
|
max-width: 75%
|
.max-w-80p
|
max-width: 80%
|
.max-w-90p
|
max-width: 90%
|
.max-w-left
|
margin-left: 0
|
.max-w-right
|
margin-right: 0
|
| Breakpoints | Mobile | Tablet | Desktop |
|---|---|---|---|
.max-w-
|
— | ||
.max-w-med-
|
— | — | |
.max-w-lrg-
|
— | — | |
Replacement examples
We commonly use similar classes across many content templates, but these classes are highly limiting and they
don't provide much re-usability or scalability. The following are just a few examples of where these classes can
and should be used instead of what is currently being used. If it is later found that we need differing sizes
that aren't provided here, then we can add them. Also, if any of the provided sizes aren't used at all then they
can be removed. Other potential uses would be removing the left and right padding on the top-rated article
content template and apply, .max-w-75p instead - the visual difference is negotiable at approx.
9px.
| Max-width Class | Can Replace |
|---|---|
.max-w-phi
|
.section-measure
|
.max-w-70p
|
.BTG-measure
|
.max-w-75p
|
.community-measure
|
Attribute Tooltips
This is the plain text option. Use this when you just need to explain something without any headers. If you use links in any of these tooltips, use this (opens in a new window) link format. Links must open in a new window.
Header + Plain Text
H3 Header Example
This is the plain text with a header option. Use this when you need to point out something specific you are explaining. Or for calling out separate areas of explaination.
H4 Header Example
This is the plain text with a header option. Use this when you need to point out something specific you are explaining. Or for calling out separate areas of explaination.
Unordered List
- Point 1
Explainer text explainer text explainer text - Point 2
Explainer text explainer text explainer text - Point 3
Explainer text explainer text explainer text - Point 4
Explainer text explainer text explainer text
Unordered List w/ Images
-
)
Title of Explained Element
Replace image on the left of the code with whatever you'd like to use as the bullets -
Title of Explained Element
Explainer text goes here -
Title of Explained Element
Explainer text goes here
)
Accessible Text Version for *blank* Infographic
Text Version for *blank* Infographic
Infograpic Subject
- Explanation 1
- Explanation 2
- Explanation 3
- Explanation 4
Here's how to buy with Affirm
- Fill your cart Select Affirm at checkout, then enter a few pieces of info at Affirm to get a real-time decision.
- Choose how to pay Pick the payment plan you like best. You'll never pay more than you agree to up front.
- Pay over time Make payments at affirm.com or on the Affirm app. You'll get email and text reminders.
