Most course creators enter Kajabi thinking like teachers.
They know the material, the outcomes, and the path students are meant to follow, but students arrive without that context. The first ten minutes inside a course are not about learning yet. They are about orientation. In that short window, students decide whether they feel confident moving forward or quietly unsure. The initial experience shapes whether they continue, delay, or disengage entirely.
On the fast lane? Read the summary!
The first ten minutes inside a course shape how students feel about the entire learning experience. Before students absorb content, they look for clarity, direction, and reassurance that they are in the right place.
This blog explores what students notice immediately after logging into a Kajabi course, what causes confusion early on, and what a well-structured beginning feels like from the learner’s perspective. Rather than focusing on lesson depth or volume, the article explains why clarity must come first and how small design decisions affect confidence and momentum.
It also highlights how structured layouts and thoughtful course organization can reduce friction before learning even begins. By reviewing the opening of a course with fresh eyes, creators can make it easier for students to start, stay engaged, and eventually complete the course.
What students are looking for in the first 10 minutes
When students log in for the first time, they are not evaluating how much content you created. They are trying to answer basic questions as quickly as possible.
They want to know if they are in the right place, where they should begin, and what is expected of them next. If those answers are not clear, uncertainty takes over before learning even starts.
This moment matters because confusion early on feels personal to the student. Instead of thinking something is unclear, they often assume they are missing something.
What confuses students almost immediately
Confusion rarely comes from difficult material, but comes from too many choices without explanation. Each of these adds mental effort at a time when students are simply trying to orient themselves.
Too many options at once
When students see several modules without guidance, they must decide where to start before they feel ready.
No clear next step
If lesson one does not clearly signal action, students pause instead of progressing.
No context for the journey
Without understanding how lessons connect, the course can feel like separate pieces rather than a path.
A strong course opening does not feel impressive. It feels calming.
Students feel supported when the environment quietly answers their questions without forcing them to ask.
What clarity looks like in practice:
- One clear action. Students immediately know what to click and what to do first.
- A feeling of guidance. The course layout suggests a path rather than presenting everything at once.
- A visible sense of progress. Even early completion signals reassure students that they are moving forward.
This is where thoughtful layout and structure matter as much as lesson content.
Why clarity comes before motivation
Motivation does not appear first. It follows clarity.
When students know what to do and why it matters, motivation has space to grow. When they feel uncertain, motivation never gets a chance.
This is why the first lesson matters so much. Not because it contains the most important teaching, but because it sets the emotional tone for everything that follows.
Structure is not about controlling how students learn. It is about removing unnecessary decisions.
Course layouts that guide students gently through content help learning start sooner. This is also why Jiffy Courses Online designs Kajabi templates with structure in mind. Templates provide a clear visual hierarchy and intentional starting points so students are oriented before they ever press play on a lesson. You can explore how Jiffy Courses Online layouts support early clarity.
When structure is built into the design, students spend less energy figuring out where they are and more energy engaging with the material.
Key Takeaways
- Students decide how they feel about a course within the first ten minutes.
- Confusion early on often comes from unclear structure, not difficult content.
- One clear action reduces hesitation and builds momentum.
- Motivation follows clarity, not the other way around.
- Reviewing lesson one from a student’s perspective can reveal hidden friction.
A quiet way to review your course opening
Before adding or changing content, it can help to log into your course as if you were a student seeing it for the first time.
Notice what draws your attention. Notice what feels unclear. Notice whether the next step feels obvious or uncertain.
Small adjustments at the beginning often create the biggest shifts in completion later on.
Frequently Asked Questions
Why do the first minutes of a course matter so much?
Because students form confidence or doubt before learning begins.
What causes early disengagement in courses?
Unclear starting points and too many choices without guidance.
Does this apply to short courses too?
Yes. Even short courses benefit from clear orientation.
Can layout alone improve student experience?
Yes. Layout affects how easily students understand what to do next.
Meet the Authors
Agnes Maas & Bastiaan de Koning
We’re partners in life and business! Kajabi has been the cornerstone of our three thriving ventures: Kajabi-Users Nederland, Linktopay, and, of course, Jiffy Courses Online.
#block-1694873394061 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1694873394061 .block { border: 1px solid #1c4546; border-radius: 4px; background-color: rgba(255, 255, 255, 0.35); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } @media (min-width: 768px) { #block-1694873394061 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1694873394061 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } } @media (max-width: 767px) { #block-1694873394061 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1701079740092 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1701079740092 .block { border: 4px none black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1701079740092 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1701079740092 .block { padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1701079740092 { text-align: left; } } #block-1701079740092 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1701079740092 .accordion-body { padding-top: 24px; } #block-1701079740092 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1701079740092 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #000000; } #block-1730812732516 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1730812732516 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1730812732516 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1730812732516 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1730812732516 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1755142601351 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142601351 .block { border: 1px solid #1c4546; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1755142601351 { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142601351 .block { padding: 0px; padding: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } } @media (max-width: 767px) { #block-1755142601351 { text-align: ; } } #block-1755142601351 .block { display: flex; justify-content: center; } #block-1755142601351 .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1755142601351 .image__image { width: 100%; } #block-1755142601351 .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1755142601351 .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1755142601351 .block { display: flex; justify-content: center; } #block-1755142601351 .image__overlay { opacity: 0; } #block-1755142601351 .image__overlay:hover { opacity: 1; } } #block-1750568267707 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1750568267707 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1750568267707 { margin-top: 0px; margin-right: 0px; margin-bottom: -15px; margin-left: 0px; } #block-1750568267707 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1750568267707 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1767598771495 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767598771495 .block { border: 1px solid black; border-radius: 10px; background-color: #d5ded8; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1767598771495 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #block-1767598771495 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } } @media (max-width: 767px) { #block-1767598771495 { text-align: center; } } #block-1767598771495 .feature__image, [data-slick-id="1767598771495"] .feature__image { width: 80px; border-radius: 0px; } #block-1767765271201 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767765271201 .block { border: 1px solid black; border-radius: 10px; background-color: #d5ded8; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1767765271201 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #block-1767765271201 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } } @media (max-width: 767px) { #block-1767765271201 { text-align: center; } } #block-1767765271201 .feature__image, [data-slick-id="1767765271201"] .feature__image { width: 80px; border-radius: 0px; } #block-1767765316131 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767765316131 .block { border: 1px solid black; border-radius: 10px; background-color: #d5ded8; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1767765316131 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #block-1767765316131 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } } @media (max-width: 767px) { #block-1767765316131 { text-align: center; } } #block-1767765316131 .feature__image, [data-slick-id="1767765316131"] .feature__image { width: 80px; border-radius: 0px; } #block-1755142661231 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142661231 .block { border: 2px none #1c4546; border-radius: 4px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } @media (min-width: 768px) { #block-1755142661231 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142661231 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-left: 10px; } } @media (max-width: 767px) { #block-1755142661231 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1755142842468 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142842468 .block { border: 1px solid #1c4546; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1755142842468 { margin-top: 90px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142842468 .block { padding: 0px; padding: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } } @media (max-width: 767px) { #block-1755142842468 { text-align: ; } } #block-1755142842468 .block { display: flex; justify-content: center; } #block-1755142842468 .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1755142842468 .image__image { width: 100%; } #block-1755142842468 .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1755142842468 .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1755142842468 .block { display: flex; justify-content: center; } #block-1755142842468 .image__overlay { opacity: 0; } #block-1755142842468 .image__overlay:hover { opacity: 1; } } #block-1755142960423 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755142960423 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1755142960423 { margin-top: -30px; margin-right: 0px; margin-bottom: -10px; margin-left: 0px; } #block-1755142960423 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1755142960423 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1750752786633 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1750752786633 .block { border: 2px none #c3c9a7; border-radius: 8px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1750752786633 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #block-1750752786633 .block { padding: 0; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1750752786633 { text-align: ; } } #block-1750752786633 .block { display: flex; justify-content: center; } #block-1750752786633 .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1750752786633 .image__image { width: 100%; } #block-1750752786633 .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1750752786633 .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1750752786633 .block { display: flex; justify-content: center; } #block-1750752786633 .image__overlay { opacity: 0; } #block-1750752786633 .image__overlay:hover { opacity: 1; } } #block-1767597963235 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767597963235 .block { border: 1px solid #1c4546; border-radius: 4px; background-color: rgba(255, 255, 255, 0.35); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } @media (min-width: 768px) { #block-1767597963235 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767597963235 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } } @media (max-width: 767px) { #block-1767597963235 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1755144321091 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755144321091 .block { border: 4px black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } @media (min-width: 768px) { #block-1755144321091 { margin-top: 20px; margin-right: -30px; margin-bottom: 10px; margin-left: 0px; } #block-1755144321091 .block { padding: 0px; padding: 0px; padding-top: 20px; padding-right: 60px; padding-bottom: 10px; padding-left: 20px; } } @media (max-width: 767px) { #block-1755144321091 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1755144405976 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1755144405976 .block { border: 1px solid #1c4546; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1755144405976 { margin-top: 60px; margin-right: 0px; margin-bottom: 0px; margin-left: -50px; } #block-1755144405976 .block { padding: 0px; padding: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } } @media (max-width: 767px) { #block-1755144405976 { text-align: ; } } #block-1755144405976 .block { display: flex; justify-content: center; } #block-1755144405976 .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1755144405976 .image__image { width: 100%; } #block-1755144405976 .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1755144405976 .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1755144405976 .block { display: flex; justify-content: center; } #block-1755144405976 .image__overlay { opacity: 0; } #block-1755144405976 .image__overlay:hover { opacity: 1; } } #block-1762852314815 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1762852314815 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1762852314815 { margin-top: 0px; margin-right: 0px; margin-bottom: -10px; margin-left: 0px; } #block-1762852314815 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1762852314815 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1761716555433 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1761716555433 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } @media (min-width: 768px) { #block-1761716555433 { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1761716555433 .block { padding: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 767px) { #block-1761716555433 { text-align: center; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1761716540069 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1761716540069 .block { border: 4px black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1761716540069 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1761716540069 .block { padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1761716540069 { text-align: left; } } #block-1761716540069 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1761716540069 .accordion-body { padding-top: 24px; } #block-1761716540069 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1761716540069 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #000000; } #block-1767843083169 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843083169 .block { border: 4px black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1767843083169 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843083169 .block { padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1767843083169 { text-align: left; } } #block-1767843083169 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1767843083169 .accordion-body { padding-top: 24px; } #block-1767843083169 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1767843083169 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #000000; } #block-1767843124851 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843124851 .block { border: 4px black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1767843124851 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843124851 .block { padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1767843124851 { text-align: left; } } #block-1767843124851 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1767843124851 .accordion-body { padding-top: 24px; } #block-1767843124851 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1767843124851 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #000000; } #block-1767843145620 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843145620 .block { border: 4px black; border-radius: 4px; background-color: #d5ded8; padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1767843145620 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1767843145620 .block { padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1767843145620 { text-align: left; } } #block-1767843145620 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1767843145620 .accordion-body { padding-top: 24px; } #block-1767843145620 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1767843145620 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #000000; } #block-1738929017522 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1738929017522 .block { border: 1px solid #6e4647; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1738929017522 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1738929017522 .block { padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1738929017522 { text-align: center; } } #block-1738929017522 .feature__image, [data-slick-id="1738929017522"] .feature__image { width: 100px; border-radius: 100px; } .authorfeature { display: flex; align-items: flex-start; position: relative; } .authorfeature__image-container { flex-shrink: 0; margin-right: 20px; } .authorfeature__image { max-width: 150px; height: auto; } .authorfeature__content { flex-grow: 1; } @media (max-width: 767px) { #block-1738929017522 .authorfeature { flex-direction: column; align-items: center; } #block-1738929017522 .authorfeature__image-container { margin-right: 0; } } .awesomecontainer { background: ; h1, h2, h3, h4, h5, h6, p, ul, li, .block-type--table table {color: ;} padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .awesomecontainer .row { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .awesomecontainer .row .block-type--accordion { align-self: flex-start; }
