The Art of Doing - Web Development for Beginners - Final Project Part 3

This video tutorial covers styling a webpage using CSS and setting up an HTML design tool. It begins with styling a navigation bar, including setting background colors, border radii, and hover effects. The tutorial then moves on to styling a new products section using a flex layout. Finally, it demonstrates setting up an HTML structure for a shirt design tool, incorporating forms, radio buttons, and color inputs, preparing for JavaScript functionality.

What CSS property is used to set the background color of the navigation bar?

• margin

• text-align

• background-color

• border-radius

How can you ensure that text within a navigation bar is centered?

• Use text-align: center

• Use text-align: right

• Use text-align: justify

• Use text-align: left

What display property allows anchor tags to have adjustable width?

• block

• flex

• inline

• inline-block

Which CSS property is used to remove the underline from links?

• display: block

• font-weight: bold

• text-align: center

• text-decoration: none

What layout is used for the 'new products' section?

• Flex layout

• Grid layout

• Inline layout

• Block layout

Which CSS property is used to add space between elements in the 'new products' section?

• padding

• width

• margin

• border

What is the main axis alignment used for the 'content item' division?

• justify-content: space-between

• justify-content: center

• justify-content: end

• justify-content: start

What HTML element is used to create a dropdown menu in the design tool?

• </p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><button></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--[--><!--]--><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="display:none;" data-v-24b85165><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><!--[--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->9. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""><!--[--><!--]--></div><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto" style=""><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="w-auto" modelvalue="false"><!--[--><div class="popover-trigger contents"><!--[--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><!--[--><!--[--><!----><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><!--[--><!--[--><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><!----><!--[--><div aria-describedby="tooltip-0.3ltztkxbh26" class="contents"><!--[--><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->AI Enhance<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><!----><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div><!--]--><!--]--></div><!--]--><!--]--></div></button><!----><!--]--><!--]--></div><!--]--></div><div data-v-72367f90><!--[--><!--]--></div><!--]--></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-semibold"><!--[--><!--[--><h3><p>Which input type is used for selecting colors in the design tool?</p></h3><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>text</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>color</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>checkbox</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>radio</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--[--><!--]--><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="display:none;" data-v-24b85165><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><!--[--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->10. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""><!--[--><!--]--></div><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto" style=""><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="w-auto" modelvalue="false"><!--[--><div class="popover-trigger contents"><!--[--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><!--[--><!--[--><!----><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><!--[--><!--[--><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><!----><!--[--><div aria-describedby="tooltip-0.3wvqtr5gwil" class="contents"><!--[--><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->AI Enhance<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><!----><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div><!--]--><!--]--></div><!--]--><!--]--></div></button><!----><!--]--><!--]--></div><!--]--></div><div data-v-72367f90><!--[--><!--]--></div><!--]--></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-semibold"><!--[--><!--[--><h3><p>What is the purpose of the 'tool_values' division in the design tool?</p></h3><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To style the navigation bar</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To display the calculated results</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To input user data</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To store CSS styles</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--[--><!--]--><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-4419715e><!--[--><div class="w-full h-160 content-blocker" style="" data-v-4419715e><!--[--><!--[--><div class="flex gap-4 pt-0 pr-0 pb-4 pl-0 m-0 justify-center items-center w-full h-full flex-col flex-nowrap" style="" data-v-4419715e><!--[--><!--[--><div class="bg-wds-light-500 rounded-w-admin-xl overflow-hidden border border-wds-light-200 w-120 h-auto" style="" data-v-4419715e><!--[--><!--[--><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-4419715e><!--[--><!--[--><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-4419715e><!--[--><!--[--><div class="flex max-h-full bg-wds-light-500 justify-start items-stretch w-full h-full flex-col flex-nowrap" style="" data-v-4419715e><!--[--><!--[--><div class="flex p-10 gap-4 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><section class="flex gap-2 justify-start items-stretch flex-col flex-nowrap" style=""><!--[--><!--[--><h2 class="text-center text-w-header-base font-semibold" data-testid="auth-modal-welcome-title"><!--[-->Access all questions and much more by creating a free account<!--]--></h2><p id class="text-center text-wds-dark-200 text-w-content-base font-normal"><!--[--><!--[--><!--]--><!--]--></p><div class="flex gap-1 justify-between items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Create resources<!--]--><!--]--></p><!--]--><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Host any resource<!--]--><!--]--></p><!--]--><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Get auto-graded reports<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></section><div class="flex gap-3 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Google" style=""><!--[--><!--[--><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-w-control-base font-semibold"><!--[--><!--[-->Continue with Google<!--]--><!--]--></p><!--]--><!--]--></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-regular-arrow-right"></i></div></div><!--]--><!--]--></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Email" style=""><!--[--><!--[--><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-w-control-base font-semibold"><!--[--><!--[-->Continue with Email<!--]--><!--]--></p><!--]--><!--]--></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-regular-arrow-right"></i></div></div><!--]--><!--]--></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Classlink" style=""><!--[--><!--[--><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-w-control-base font-semibold"><!--[--><!--[-->Continue with Classlink<!--]--><!--]--></p><!--]--><!--]--></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-regular-arrow-right"></i></div></div><!--]--><!--]--></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Clever" style=""><!--[--><!--[--><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/img/logos/clever-logo.png" alt="Clever" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-w-control-base font-semibold"><!--[--><!--[-->Continue with Clever<!--]--><!--]--></p><!--]--><!--]--></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-regular-arrow-right"></i></div></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><p id class="text-wds-dark-200 text-center text-w-content-base font-normal"><!--[--><!--[-->or continue with<!--]--><!--]--></p><div class="flex gap-4 justify-center items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><!--[--><!--[--><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Microsoft" style=""><!--[--><!--[--><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/img/logos/ms-logo.png" alt="Microsoft" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Microsoft<!--]--><!--]--></p><!--]--><!--]--></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><!--[--><!--[--><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Apple" style=""><!--[--><!--[--><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/Shape%20(1)%20(1).png" alt="Apple" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Apple<!--]--><!--]--></p><!--]--><!--]--></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><!--[--><!--[--><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Others" style=""><!--[--><!--[--><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/img/logos/grey_key_icon.png" alt="Others" class="w-full h-full object-contain" data-testid="undefined-image"><!----><!--]--><!----><!--]--><!--]--></div><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-caption font-normal"><!--[--><!--[-->Others<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex justify-start items-stretch flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div class="flex py-0 px-10 justify-center items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><p id class="text-wds-dark-100 text-w-content-small font-normal"><!--[--><!--]--></p><!--]--><!--]--></div><!--]--><div class="flex gap-2 py-4 px-10 bg-wds-light-500 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Already have an account?<!--]--><!--]--></p><button type="button" aria-label="Log in" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="signup-button-in-login" data-track="Log in-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><!----><!----><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Log in<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><button type="button" aria-label="Let me read it first" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="restrict-content-bypass-btn" data-track="Let me read it first-ukw-button" data-v-4419715e><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><!----><!----><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Let me read it first<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!----><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier" style=""><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-50 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Popular Resources on Wayground<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><!--[--><!--[--><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><a href="/admin/quiz/6970d6d95dd095d0cea082b7/spartan-way-classroom-responsible" data-testid="activity-popular-resource-card-6970d6d95dd095d0cea082b7"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Spartan Way - Classroom Responsible" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.9kfqa8arfzi" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Spartan Way - Classroom Responsible<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/6283f3d3d9e24d001ed1cfde/fractions-on-a-number-line" data-testid="activity-popular-resource-card-6283f3d3d9e24d001ed1cfde"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Fractions on a Number Line" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 15 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.xvj7ejl1oe" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Fractions on a Number Line<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->3rd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/presentation/69aec7ded6a94870e6dab252/boundaries-healthy-relationships" data-testid="activity-popular-resource-card-69aec7ded6a94870e6dab252"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Boundaries & Healthy Relationships" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 14 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.b9ohkmoq8w7" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Boundaries & Healthy Relationships<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Lesson<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->6th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5d9217ff42b14f001b98f716/equivalent-fractions" data-testid="activity-popular-resource-card-5d9217ff42b14f001b98f716"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Equivalent Fractions" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.ltbgkh9brm9" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Equivalent Fractions<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->3rd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/presentation/69a847e1796baf064efdad76/integrity-and-your-health" data-testid="activity-popular-resource-card-69a847e1796baf064efdad76"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Integrity and Your Health" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 3 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.9n1x7k90mx" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Integrity and Your Health<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Lesson<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->6th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 25 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.5enfpzw9slf" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Multiplication Facts<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/presentation/69613c81d919d268dbfc1c15/forest-perception" data-testid="activity-popular-resource-card-69613c81d919d268dbfc1c15"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="FOREST Perception " class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 9 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.pcsf7unfh8l" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->FOREST Perception <!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Lesson<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->KG<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/64eccefe94d91c6ecb4c2284/main-idea-and-details" data-testid="activity-popular-resource-card-64eccefe94d91c6ecb4c2284"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Main Idea and Details" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.lnvy6udbtc9" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Main Idea and Details<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-a0dfa7ab><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier" style=""><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-50 justify-center items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Discover more resources for Information Technology (IT)<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><!--[--><!--[--><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.t79bfj1coso" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Disney Trivia<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67740070349735fbd179f5a9/fragments-run-ons-and-complete-sentences" data-testid="activity-subject-resource-card-67740070349735fbd179f5a9"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Fragments, Run-ons, and Complete Sentences" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.bcri3t7kwqc" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Fragments, Run-ons, and Complete Sentences<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6774d3dd17a63503f6089c9a/renewable-and-nonrenewable-resources" data-testid="activity-subject-resource-card-6774d3dd17a63503f6089c9a"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Renewable and Nonrenewable Resources" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.todpjifs2zq" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Renewable and Nonrenewable Resources<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67ad7038d422aa1c5f3a1122/dna-structure-and-replication-crash-course-biology" data-testid="activity-subject-resource-card-67ad7038d422aa1c5f3a1122"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="DNA Structure and Replication: Crash Course Biology" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.1nzgse1zm4" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->DNA Structure and Replication: Crash Course Biology<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->11th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67760edf53c5d92a02a15a4f/force-and-motion" data-testid="activity-subject-resource-card-67760edf53c5d92a02a15a4f"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Force and Motion" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.0mb1z97w90c" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Force and Motion<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/57164218b269c42616b6933e/implicit-vs-explicit" data-testid="activity-subject-resource-card-57164218b269c42616b6933e"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Implicit vs. Explicit " class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.yedg5u0zla" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Implicit vs. Explicit <!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->6th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/69a5f00e0d4f655248d10f4b/ch3teacher-led" data-testid="activity-subject-resource-card-69a5f00e0d4f655248d10f4b"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Ch.3_TEACHER-led" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 14 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.qh9eo34l3z8" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Ch.3_TEACHER-led<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67773c07fd327abc930d3cd0/comparing-fractions" data-testid="activity-subject-resource-card-67773c07fd327abc930d3cd0"><div class="w-60 h-auto" style=""><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style=""><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative"><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Comparing Fractions" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute"><!--[--><!--]--></div><div class="bottom-2 left-2 absolute"><!--[--><div class=""><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><!--[--><!--[--><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions <!----></span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><!--[--><!--[--><!--[--><div aria-describedby="tooltip-0.0bm8n1ut6y8" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Comparing Fractions<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><!--[--><!--[--><!----><!--[--><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"><!--[--><!--[--> • <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade"><!--[--><!--[-->1st Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-a0dfa7ab><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><!--[--><!--[--><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><!--[--><!--[--><!--[--><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/language/conventions/usage/commonly-confused-words/use-commonly-confused-words-correctly" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.zfcpje0dhc" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Use commonly confused words correctly<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Use commonly confused words correctly-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/statistics-and-probability/data-analysis/frequency-distribution/comparing-data-sets-using-statistics" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.aalng83nfo" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Comparing Data Sets Using Statistics<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Comparing Data Sets Using Statistics-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/language/conventions/grammar/parts-of-speech/nouns/collective" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.bg7ibc2pief" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Collective<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Collective-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/life-science/biochemistry/biomolecules" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.i25gnws0x6f" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Biomolecules<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Biomolecules-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/polynomials/polynomial-theorems-and-identities/understanding-zeroes-and-factors-of-polynomials" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.aojy8gd2ml" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Understanding zeroes and factors of polynomials<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Understanding zeroes and factors of polynomials-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/culture-and-society/social-organization/urban-and-rural-life" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.jzupa7rlcqi" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Urban and Rural Life<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Urban and Rural Life-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/statistics-and-probability/sampling-and-inference/statistical-estimation/estimating-population-mean-margin-of-error" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.m5gty73btdc" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Estimating Population Mean & Margin of Error<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Estimating Population Mean & Margin of Error-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/biology/ecology/community-ecology/trophic-structures" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.fyo93d942pf" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Trophic structures<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Trophic structures-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/number-system/operations-and-algebraic-thinking/working-with-larger-numbers/adding-within-100-with-grouping" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.4p8n55zws57" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Adding within 100 (with grouping)<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Adding within 100 (with grouping)-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/functions/function-concepts/function-operations/writing-and-interpreting-functions/interpreting-key-features-of-graphs-or-tables" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9" style=""><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><!--[--><div aria-describedby="tooltip-0.4hvtw4munis" class="contents"><!--[--><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Interpreting key features of graphs or tables<!--]--><!--]--><!--]--></span><!--]--></div><!----><!--]--><!----><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Interpreting key features of graphs or tables-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-a0dfa7ab><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!----><!----><!--]--><!--]--><!--]--><!--]--><!--]--><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-6d06cb48><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-6d06cb48><div class="flex flex-col justify-between w-full" data-v-6d06cb48><div class="flex flex-col md:flex-row" data-v-6d06cb48><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-6d06cb48><!--[--><!--]--></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-6d06cb48><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-6d06cb48><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-6d06cb48><p class="text-sm font-semibold copyright text-dark-4" data-v-6d06cb48> © 2026 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-6d06cb48><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-6d06cb48><i class="social-icon fab fa-twitter" data-v-6d06cb48></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-6d06cb48><i class="social-icon fab fa-facebook" data-v-6d06cb48></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-6d06cb48><i class="social-icon fab fa-instagram" data-v-6d06cb48></i></a><span class="block w-px h-5 bg-dark-5" data-v-6d06cb48></span><a href="/practice/sitemaps" rel="noopener noreferrer" target="_blank" data-v-6d06cb48><span class="text-sm text-dark-3 hover:underline" data-v-6d06cb48><span data-v-6d06cb48>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-6d06cb48><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-6d06cb48><span data-v-6d06cb48>Get our app</span></label><div class="flex space-x-2" data-v-6d06cb48><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-6d06cb48><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-6d06cb48></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-6d06cb48><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-6d06cb48></a></div></div></div></div></div></footer><!--]--><!--]--></main><!--]--></div><!--]--><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":2780,"once":2782,"_errors":2783,"serverRendered":5,"path":2785,"country":30,"region":2786},["ShallowReactive",3],{"recommendations-67ae7efb10a2f1d14cec7b19-false":4,"quiz-67ae7efb10a2f1d14cec7b19":13,"recommendations-aggregated-67ae7efb10a2f1d14cec7b19":2578,"quiz-breadcrumbs-67ae7efb10a2f1d14cec7b19":2713,"recommendations-indexed-67ae7efb10a2f1d14cec7b19-false":2716},{"success":5,"data":6,"time":12},true,{"quizzes":7,"total":8,"timeTaken":9,"experiment":10,"source":11},[],18866,18,"quizPageRecoPublicSearch","recommended_search","2026-03-16T04:28:11.306802947Z",{"success":5,"message":14,"data":15,"time":2574,"meta":2575},"Ok",{"quiz":16,"draft":21},{"isTagged":17,"isLoved":17,"tagIds":18,"stats":19,"love":20,"cloned":17,"parentDetail":21,"deleted":17,"archived":17,"lifetimeAccess":17,"draftVersion":21,"publishedVersion":22,"isShared":17,"type":23,"hidden":17,"_id":24,"createdBy":25,"info":44,"paidOrganization":2571,"createdAt":575,"updated":2572,"premiumUse":2573,"shouldIndex":5,"hasDraftVersion":17,"hasPublishedVersion":5,"gameChangerBadge":21,"lock":21,"isPremium":17},false,[],{"played":20,"totalPlayers":20,"totalCorrect":20,"totalQuestions":20},0,null,"67ae7efb10a2f1d14cec7b1a","video-quiz","67ae7efb10a2f1d14cec7b19",{"_id":26,"firstName":27,"lastName":28,"occupation":29,"country":30,"preferences":31,"grades":33,"subject_tags":39,"media":43},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":32},"en",[34,35,36,37,38],6,7,8,9,10,[40,41,42],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":32,"aiGenerated":17,"qm":45,"visibility":5,"subjects":59,"topics":62,"subtopics":63,"grade":64,"gradeLevel":21,"deleted":17,"pref":66,"traits":67,"standardIds":69,"__v":70,"meta":71,"_id":22,"name":73,"image":74,"aiCreateMeta":21,"questions":75,"questionDrafts":574,"standards":21,"courses":21,"createdAt":575,"updated":576,"interactiveVideoProps":577,"isProfane":17,"whitelisted":5,"slug":73},{"67ae7f1ebc43aa4fa6fb2969":46,"67ae7f1ebc43aa4fa6fb296a":48,"67ae7f1ebc43aa4fa6fb296b":50,"67ae7f1ebc43aa4fa6fb296c":51,"67ae7f1ebc43aa4fa6fb296d":52,"67ae7f1ebc43aa4fa6fb296e":53,"67ae7f1ebc43aa4fa6fb296f":54,"67ae7f1ebc43aa4fa6fb2970":55,"67ae7f1ebc43aa4fa6fb2971":56,"67ae7f1ebc43aa4fa6fb2972":57,"67ae7f1ebc43aa4fa6fb2973":58},{"time":47},900000,{"time":49},30000,{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},[60,61],"Information Technology (IT)","Architecture",[],[],[65,65],"13",{"time":21},{"isQuizWithoutCorrectAnswer":17,"totalSlides":20,"totalComprehensionQuestions":68,"nonAnswerableQuestions":68},1,[],5,{"slot":36,"experiment":72},"main_main","The Art of Doing - Web Development for Beginners - Final Project Part 3","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/44610c7a-07e1-4035-9ce9-82af8f7b1f9d-v2",[76,137,184,227,271,314,358,400,444,488,531],{"structure":77,"standards":117,"topics":118,"isSuperParent":17,"standardIds":119,"unifiedStandardIds":120,"aiGenerated":17,"__v":121,"teleportFrom":21,"cloned":21,"ver":122,"parent":21,"_id":123,"time":47,"published":5,"aiCreateMeta":21,"type":78,"comprehensionQuestionIds":124,"createdAt":135,"updated":136},{"kind":78,"answer":79,"settings":80,"marks":82,"query":83,"options":98,"explain":99,"theme":103,"graphs":112,"hints":113,"order":114,"hasMath":17,"media":115,"elements":116},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":17,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},"string",{"correct":20,"incorrect":20},{"answerTime":84,"math":85,"type":21,"hasMath":17,"media":87,"text":96,"_id":97},-1,{"latex":86,"template":21},[],[88],{"type":89,"meta":90},"video",{"duration":91,"endTime":91,"startTime":20,"videoId":92,"src":93,"thumbnail":94,"filmstrip":95},1339,"6687fdb3049a2c6bb2860eb8","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_eek4iuku/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_eek4iuku/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67ae7f1e2eee9ea8c9469601",[],{"math":100,"type":96,"hasMath":17,"media":102,"text":96},{"latex":101,"template":21},[],[],{"titleFontFamily":104,"fontFamily":104,"fontColor":105,"background":107,"shape":109},"Quicksand",{"text":106},"#5D2057",{"color":108,"image":96,"video":96},"#FFFFFF",{"largeShapeColor":110,"smallShapeColor":111},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],[],2,3,"67ae7f1ebc43aa4fa6fb2969",[125,126,127,128,129,130,131,132,133,134],"67ae7f1ebc43aa4fa6fb296a","67ae7f1ebc43aa4fa6fb296b","67ae7f1ebc43aa4fa6fb296c","67ae7f1ebc43aa4fa6fb296d","67ae7f1ebc43aa4fa6fb296e","67ae7f1ebc43aa4fa6fb296f","67ae7f1ebc43aa4fa6fb2970","67ae7f1ebc43aa4fa6fb2971","67ae7f1ebc43aa4fa6fb2972","67ae7f1ebc43aa4fa6fb2973","2025-02-13T23:24:14.253Z","2025-02-13T23:24:14.519Z",{"structure":138,"standards":178,"topics":179,"isSuperParent":17,"standardIds":180,"unifiedStandardIds":181,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":125,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":182,"createdAt":183,"updated":136},{"settings":139,"hasMath":17,"query":140,"options":146,"explain":171,"hints":175,"kind":176,"marks":177,"answer":121},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":142,"answerTime":84,"text":144,"media":145},"text",{"latex":143,"template":21},[],"\u003Cp>What CSS property is used to set the background color of the navigation bar?\u003C/p>",[],[147,153,159,165],{"type":141,"hasMath":17,"math":148,"answerTime":20,"id":150,"text":151,"media":152,"_id":150},{"latex":149,"template":21},[],"67ae7f1ee84a3b8e975419d4","\u003Cp>margin\u003C/p>",[],{"type":141,"hasMath":17,"math":154,"answerTime":20,"id":156,"text":157,"media":158,"_id":156},{"latex":155,"template":21},[],"67ae7f1ee84a3b46c85419d5","\u003Cp>text-align\u003C/p>",[],{"type":141,"hasMath":17,"math":160,"answerTime":20,"id":162,"text":163,"media":164,"_id":162},{"latex":161,"template":21},[],"67ae7f1ee84a3b60e85419d6","\u003Cp>background-color\u003C/p>",[],{"type":141,"hasMath":17,"math":166,"answerTime":20,"id":168,"text":169,"media":170,"_id":168},{"latex":167,"template":21},[],"67ae7f1ee84a3b79f05419d7","\u003Cp>border-radius\u003C/p>",[],{"type":141,"text":96,"media":172,"hasMath":17,"math":173,"answerTime":20},[],{"template":21,"latex":174},[],[],"MCQ",{"correct":68,"incorrect":20},[],[],[],[],418,"2025-02-13T23:24:14.263Z",{"structure":185,"standards":223,"topics":224,"isSuperParent":17,"standardIds":225,"unifiedStandardIds":226,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":126,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":182,"createdAt":183,"updated":136},{"settings":186,"hasMath":17,"query":187,"options":192,"explain":217,"hints":221,"kind":176,"marks":222,"answer":20},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":188,"answerTime":84,"text":190,"media":191},{"latex":189,"template":21},[],"\u003Cp>How can you ensure that text within a navigation bar is centered?\u003C/p>",[],[193,199,205,211],{"type":141,"hasMath":17,"math":194,"answerTime":20,"id":196,"text":197,"media":198,"_id":196},{"latex":195,"template":21},[],"67ae7f1ee84a3b01915419db","\u003Cp>Use text-align: center\u003C/p>",[],{"type":141,"hasMath":17,"math":200,"answerTime":20,"id":202,"text":203,"media":204,"_id":202},{"latex":201,"template":21},[],"67ae7f1ee84a3b3f915419dc","\u003Cp>Use text-align: right\u003C/p>",[],{"type":141,"hasMath":17,"math":206,"answerTime":20,"id":208,"text":209,"media":210,"_id":208},{"latex":207,"template":21},[],"67ae7f1ee84a3b6a8c5419dd","\u003Cp>Use text-align: justify\u003C/p>",[],{"type":141,"hasMath":17,"math":212,"answerTime":20,"id":214,"text":215,"media":216,"_id":214},{"latex":213,"template":21},[],"67ae7f1ee84a3b48cc5419de","\u003Cp>Use text-align: left\u003C/p>",[],{"type":141,"text":96,"media":218,"hasMath":17,"math":219,"answerTime":20},[],{"template":21,"latex":220},[],[],{"correct":68,"incorrect":20},[],[],[],[],{"structure":228,"standards":266,"topics":267,"isSuperParent":17,"standardIds":268,"unifiedStandardIds":269,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":127,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":270,"createdAt":183,"updated":136},{"settings":229,"hasMath":17,"query":230,"options":235,"explain":260,"hints":264,"kind":176,"marks":265,"answer":122},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":231,"answerTime":84,"text":233,"media":234},{"latex":232,"template":21},[],"\u003Cp>What display property allows anchor tags to have adjustable width?\u003C/p>",[],[236,242,248,254],{"type":141,"hasMath":17,"math":237,"answerTime":20,"id":239,"text":240,"media":241,"_id":239},{"latex":238,"template":21},[],"67ae7f1ee84a3b7bcb5419e2","\u003Cp>block\u003C/p>",[],{"type":141,"hasMath":17,"math":243,"answerTime":20,"id":245,"text":246,"media":247,"_id":245},{"latex":244,"template":21},[],"67ae7f1ee84a3b6da75419e3","\u003Cp>flex\u003C/p>",[],{"type":141,"hasMath":17,"math":249,"answerTime":20,"id":251,"text":252,"media":253,"_id":251},{"latex":250,"template":21},[],"67ae7f1ee84a3b50265419e4","\u003Cp>inline\u003C/p>",[],{"type":141,"hasMath":17,"math":255,"answerTime":20,"id":257,"text":258,"media":259,"_id":257},{"latex":256,"template":21},[],"67ae7f1ee84a3b06cd5419e5","\u003Cp>inline-block\u003C/p>",[],{"type":141,"text":96,"media":261,"hasMath":17,"math":262,"answerTime":20},[],{"template":21,"latex":263},[],[],{"correct":68,"incorrect":20},[],[],[],[],540,{"structure":272,"standards":310,"topics":311,"isSuperParent":17,"standardIds":312,"unifiedStandardIds":313,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":128,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":270,"createdAt":183,"updated":136},{"settings":273,"hasMath":17,"query":274,"options":279,"explain":304,"hints":308,"kind":176,"marks":309,"answer":122},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":275,"answerTime":84,"text":277,"media":278},{"latex":276,"template":21},[],"\u003Cp>Which CSS property is used to remove the underline from links?\u003C/p>",[],[280,286,292,298],{"type":141,"hasMath":17,"math":281,"answerTime":20,"id":283,"text":284,"media":285,"_id":283},{"latex":282,"template":21},[],"67ae7f1ee84a3b62a45419e9","\u003Cp>display: block\u003C/p>",[],{"type":141,"hasMath":17,"math":287,"answerTime":20,"id":289,"text":290,"media":291,"_id":289},{"latex":288,"template":21},[],"67ae7f1ee84a3bd6d35419ea","\u003Cp>font-weight: bold\u003C/p>",[],{"type":141,"hasMath":17,"math":293,"answerTime":20,"id":295,"text":296,"media":297,"_id":295},{"latex":294,"template":21},[],"67ae7f1ee84a3b4efb5419eb","\u003Cp>text-align: center\u003C/p>",[],{"type":141,"hasMath":17,"math":299,"answerTime":20,"id":301,"text":302,"media":303,"_id":301},{"latex":300,"template":21},[],"67ae7f1ee84a3bd2e85419ec","\u003Cp>text-decoration: none\u003C/p>",[],{"type":141,"text":96,"media":305,"hasMath":17,"math":306,"answerTime":20},[],{"template":21,"latex":307},[],[],{"correct":68,"incorrect":20},[],[],[],[],{"structure":315,"standards":353,"topics":354,"isSuperParent":17,"standardIds":355,"unifiedStandardIds":356,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":129,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":357,"createdAt":183,"updated":136},{"settings":316,"hasMath":17,"query":317,"options":322,"explain":347,"hints":351,"kind":176,"marks":352,"answer":20},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":318,"answerTime":84,"text":320,"media":321},{"latex":319,"template":21},[],"\u003Cp>What layout is used for the 'new products' section?\u003C/p>",[],[323,329,335,341],{"type":141,"hasMath":17,"math":324,"answerTime":20,"id":326,"text":327,"media":328,"_id":326},{"latex":325,"template":21},[],"67ae7f1ee84a3b7c105419f0","\u003Cp>Flex layout\u003C/p>",[],{"type":141,"hasMath":17,"math":330,"answerTime":20,"id":332,"text":333,"media":334,"_id":332},{"latex":331,"template":21},[],"67ae7f1ee84a3b576f5419f1","\u003Cp>Grid layout\u003C/p>",[],{"type":141,"hasMath":17,"math":336,"answerTime":20,"id":338,"text":339,"media":340,"_id":338},{"latex":337,"template":21},[],"67ae7f1ee84a3b4f655419f2","\u003Cp>Inline layout\u003C/p>",[],{"type":141,"hasMath":17,"math":342,"answerTime":20,"id":344,"text":345,"media":346,"_id":344},{"latex":343,"template":21},[],"67ae7f1ee84a3b73a75419f3","\u003Cp>Block layout\u003C/p>",[],{"type":141,"text":96,"media":348,"hasMath":17,"math":349,"answerTime":20},[],{"template":21,"latex":350},[],[],{"correct":68,"incorrect":20},[],[],[],[],759,{"structure":359,"standards":396,"topics":397,"isSuperParent":17,"standardIds":398,"unifiedStandardIds":399,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":130,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":357,"createdAt":183,"updated":136},{"settings":360,"hasMath":17,"query":361,"options":366,"explain":390,"hints":394,"kind":176,"marks":395,"answer":121},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":362,"answerTime":84,"text":364,"media":365},{"latex":363,"template":21},[],"\u003Cp>Which CSS property is used to add space between elements in the 'new products' section?\u003C/p>",[],[367,373,379,384],{"type":141,"hasMath":17,"math":368,"answerTime":20,"id":370,"text":371,"media":372,"_id":370},{"latex":369,"template":21},[],"67ae7f1ee84a3bac4b5419f7","\u003Cp>padding\u003C/p>",[],{"type":141,"hasMath":17,"math":374,"answerTime":20,"id":376,"text":377,"media":378,"_id":376},{"latex":375,"template":21},[],"67ae7f1ee84a3b4bd75419f8","\u003Cp>width\u003C/p>",[],{"type":141,"hasMath":17,"math":380,"answerTime":20,"id":382,"text":151,"media":383,"_id":382},{"latex":381,"template":21},[],"67ae7f1ee84a3b8c535419f9",[],{"type":141,"hasMath":17,"math":385,"answerTime":20,"id":387,"text":388,"media":389,"_id":387},{"latex":386,"template":21},[],"67ae7f1ee84a3b9cbe5419fa","\u003Cp>border\u003C/p>",[],{"type":141,"text":96,"media":391,"hasMath":17,"math":392,"answerTime":20},[],{"template":21,"latex":393},[],[],{"correct":68,"incorrect":20},[],[],[],[],{"structure":401,"standards":439,"topics":440,"isSuperParent":17,"standardIds":441,"unifiedStandardIds":442,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":131,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":443,"createdAt":183,"updated":136},{"settings":402,"hasMath":17,"query":403,"options":408,"explain":433,"hints":437,"kind":176,"marks":438,"answer":68},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":404,"answerTime":84,"text":406,"media":407},{"latex":405,"template":21},[],"\u003Cp>What is the main axis alignment used for the 'content item' division?\u003C/p>",[],[409,415,421,427],{"type":141,"hasMath":17,"math":410,"answerTime":20,"id":412,"text":413,"media":414,"_id":412},{"latex":411,"template":21},[],"67ae7f1ee84a3b480e5419fe","\u003Cp>justify-content: space-between\u003C/p>",[],{"type":141,"hasMath":17,"math":416,"answerTime":20,"id":418,"text":419,"media":420,"_id":418},{"latex":417,"template":21},[],"67ae7f1ee84a3b3db65419ff","\u003Cp>justify-content: center\u003C/p>",[],{"type":141,"hasMath":17,"math":422,"answerTime":20,"id":424,"text":425,"media":426,"_id":424},{"latex":423,"template":21},[],"67ae7f1ee84a3be7a8541a00","\u003Cp>justify-content: end\u003C/p>",[],{"type":141,"hasMath":17,"math":428,"answerTime":20,"id":430,"text":431,"media":432,"_id":430},{"latex":429,"template":21},[],"67ae7f1ee84a3b8fb4541a01","\u003Cp>justify-content: start\u003C/p>",[],{"type":141,"text":96,"media":434,"hasMath":17,"math":435,"answerTime":20},[],{"template":21,"latex":436},[],[],{"correct":68,"incorrect":20},[],[],[],[],834,{"structure":445,"standards":483,"topics":484,"isSuperParent":17,"standardIds":485,"unifiedStandardIds":486,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":132,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":487,"createdAt":183,"updated":136},{"settings":446,"hasMath":17,"query":447,"options":452,"explain":477,"hints":481,"kind":176,"marks":482,"answer":68},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":448,"answerTime":84,"text":450,"media":451},{"latex":449,"template":21},[],"\u003Cp>What HTML element is used to create a dropdown menu in the design tool?\u003C/p>",[],[453,459,465,471],{"type":141,"hasMath":17,"math":454,"answerTime":20,"id":456,"text":457,"media":458,"_id":456},{"latex":455,"template":21},[],"67ae7f1ee84a3bb52c541a05","\u003Cp>\u003Cinput>\u003C/p>",[],{"type":141,"hasMath":17,"math":460,"answerTime":20,"id":462,"text":463,"media":464,"_id":462},{"latex":461,"template":21},[],"67ae7f1ee84a3bbea7541a06","\u003Cp>\u003Cselect>\u003C/p>",[],{"type":141,"hasMath":17,"math":466,"answerTime":20,"id":468,"text":469,"media":470,"_id":468},{"latex":467,"template":21},[],"67ae7f1ee84a3b47f9541a07","\u003Cp>\u003Ctextarea>\u003C/p>",[],{"type":141,"hasMath":17,"math":472,"answerTime":20,"id":474,"text":475,"media":476,"_id":474},{"latex":473,"template":21},[],"67ae7f1ee84a3b60d6541a08","\u003Cp>\u003Cbutton>\u003C/p>",[],{"type":141,"text":96,"media":478,"hasMath":17,"math":479,"answerTime":20},[],{"template":21,"latex":480},[],[],{"correct":68,"incorrect":20},[],[],[],[],1337,{"structure":489,"standards":527,"topics":528,"isSuperParent":17,"standardIds":529,"unifiedStandardIds":530,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":133,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":487,"createdAt":183,"updated":136},{"settings":490,"hasMath":17,"query":491,"options":496,"explain":521,"hints":525,"kind":176,"marks":526,"answer":68},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":492,"answerTime":84,"text":494,"media":495},{"latex":493,"template":21},[],"\u003Cp>Which input type is used for selecting colors in the design tool?\u003C/p>",[],[497,503,509,515],{"type":141,"hasMath":17,"math":498,"answerTime":20,"id":500,"text":501,"media":502,"_id":500},{"latex":499,"template":21},[],"67ae7f1ee84a3b41ff541a0c","\u003Cp>text\u003C/p>",[],{"type":141,"hasMath":17,"math":504,"answerTime":20,"id":506,"text":507,"media":508,"_id":506},{"latex":505,"template":21},[],"67ae7f1ee84a3b3121541a0d","\u003Cp>color\u003C/p>",[],{"type":141,"hasMath":17,"math":510,"answerTime":20,"id":512,"text":513,"media":514,"_id":512},{"latex":511,"template":21},[],"67ae7f1ee84a3b6a5a541a0e","\u003Cp>checkbox\u003C/p>",[],{"type":141,"hasMath":17,"math":516,"answerTime":20,"id":518,"text":519,"media":520,"_id":518},{"latex":517,"template":21},[],"67ae7f1ee84a3baddb541a0f","\u003Cp>radio\u003C/p>",[],{"type":141,"text":96,"media":522,"hasMath":17,"math":523,"answerTime":20},[],{"template":21,"latex":524},[],[],{"correct":68,"incorrect":20},[],[],[],[],{"structure":532,"standards":570,"topics":571,"isSuperParent":17,"standardIds":572,"unifiedStandardIds":573,"aiGenerated":5,"__v":68,"teleportFrom":21,"cloned":21,"ver":121,"parent":21,"_id":134,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":487,"createdAt":183,"updated":136},{"settings":533,"hasMath":17,"query":534,"options":539,"explain":564,"hints":568,"kind":176,"marks":569,"answer":68},{"hasCorrectAnswer":5,"fibDataType":81,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":535,"answerTime":84,"text":537,"media":538},{"latex":536,"template":21},[],"\u003Cp>What is the purpose of the 'tool_values' division in the design tool?\u003C/p>",[],[540,546,552,558],{"type":141,"hasMath":17,"math":541,"answerTime":20,"id":543,"text":544,"media":545,"_id":543},{"latex":542,"template":21},[],"67ae7f1ee84a3bc1cb541a13","\u003Cp>To style the navigation bar\u003C/p>",[],{"type":141,"hasMath":17,"math":547,"answerTime":20,"id":549,"text":550,"media":551,"_id":549},{"latex":548,"template":21},[],"67ae7f1ee84a3bd4cc541a14","\u003Cp>To display the calculated results\u003C/p>",[],{"type":141,"hasMath":17,"math":553,"answerTime":20,"id":555,"text":556,"media":557,"_id":555},{"latex":554,"template":21},[],"67ae7f1ee84a3b5117541a15","\u003Cp>To input user data\u003C/p>",[],{"type":141,"hasMath":17,"math":559,"answerTime":20,"id":561,"text":562,"media":563,"_id":561},{"latex":560,"template":21},[],"67ae7f1ee84a3b6b7c541a16","\u003Cp>To store CSS styles\u003C/p>",[],{"type":141,"text":96,"media":565,"hasMath":17,"math":566,"answerTime":20},[],{"template":21,"latex":567},[],[],{"correct":68,"incorrect":20},[],[],[],[],[],"2025-02-13T23:23:39.909Z","2025-02-14T16:42:38.696Z",{"videoMeta":578,"aiMeta":2510},{"videoId":92,"videoTitle":73,"channelTitle":579,"duration":91,"videoProvider":93,"videoType":580,"videoSubTypes":581,"transcript":583},"Packt - Web Development","INSTRUCTIONAL",[582],"CHALK_AND_TALK_PRESENTATION",[584,588,592,596,600,604,608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,683,687,691,695,699,703,707,711,715,719,723,727,731,735,739,743,747,751,755,759,763,767,771,775,779,783,787,791,795,799,802,806,810,814,818,822,826,830,834,838,842,846,850,854,858,862,866,870,874,877,881,885,889,893,897,901,905,909,913,917,921,925,929,933,937,941,944,948,952,955,959,962,966,970,974,978,982,986,990,993,997,1001,1004,1007,1011,1015,1018,1022,1026,1030,1034,1038,1042,1046,1050,1054,1058,1062,1066,1070,1074,1078,1082,1086,1090,1094,1098,1102,1106,1110,1114,1118,1122,1126,1130,1134,1137,1140,1144,1148,1152,1156,1160,1164,1168,1171,1175,1178,1181,1185,1189,1193,1197,1200,1204,1208,1212,1216,1220,1224,1228,1231,1234,1238,1242,1246,1250,1254,1258,1262,1266,1270,1274,1278,1282,1286,1289,1293,1297,1301,1305,1309,1313,1317,1321,1325,1329,1332,1336,1340,1344,1348,1352,1356,1360,1364,1368,1371,1375,1379,1383,1387,1391,1395,1399,1403,1407,1411,1415,1419,1423,1426,1430,1433,1437,1440,1444,1448,1452,1456,1460,1463,1467,1471,1475,1478,1482,1485,1489,1492,1496,1500,1504,1508,1512,1516,1520,1524,1528,1532,1536,1540,1544,1548,1552,1556,1560,1564,1568,1572,1576,1580,1583,1586,1589,1591,1595,1598,1601,1605,1609,1613,1617,1621,1625,1629,1633,1637,1641,1645,1649,1652,1656,1660,1664,1668,1671,1675,1679,1683,1687,1690,1693,1697,1701,1705,1708,1712,1716,1720,1723,1727,1730,1733,1737,1741,1745,1749,1752,1754,1758,1762,1766,1770,1774,1778,1782,1786,1790,1794,1797,1801,1805,1809,1813,1817,1821,1824,1828,1832,1835,1838,1842,1846,1849,1853,1857,1861,1865,1868,1872,1876,1879,1882,1886,1890,1894,1898,1902,1906,1909,1913,1917,1921,1925,1929,1933,1937,1941,1945,1949,1953,1957,1961,1965,1969,1973,1977,1981,1985,1989,1992,1996,2000,2003,2007,2011,2015,2019,2022,2026,2030,2034,2038,2042,2046,2049,2052,2056,2059,2062,2066,2070,2074,2078,2082,2086,2089,2093,2097,2101,2104,2108,2111,2115,2119,2123,2127,2131,2135,2139,2142,2146,2150,2153,2157,2161,2165,2169,2173,2176,2180,2183,2187,2191,2195,2199,2203,2207,2210,2213,2216,2219,2223,2226,2230,2234,2238,2242,2246,2250,2254,2258,2261,2265,2269,2272,2276,2279,2283,2287,2291,2295,2298,2302,2306,2310,2313,2316,2320,2323,2327,2331,2334,2338,2342,2345,2349,2353,2357,2361,2365,2368,2371,2374,2378,2382,2386,2390,2394,2398,2402,2406,2410,2414,2418,2422,2425,2428,2432,2436,2440,2444,2448,2452,2456,2459,2462,2466,2470,2474,2478,2481,2485,2489,2493,2496,2500,2504,2507],{"text":585,"duration":586,"offset":587},"In our last video, we set up our grid layout",2381,2600,{"text":589,"duration":590,"offset":591},"here for our home page.",1244,5035,{"text":593,"duration":594,"offset":595},"But now what we need to do is we need",1603,6480,{"text":597,"duration":598,"offset":599},"to style, I think, each individual element that sits within",2557,8126,{"text":601,"duration":602,"offset":603},"this grid.",433,10726,{"text":605,"duration":606,"offset":607},"So let's start with our navigation bar.",2040,11440,{"text":609,"duration":610,"offset":611},"So we'll come over here.",1880,13800,{"text":613,"duration":614,"offset":615},"I'm in my style dot CSS and I will simply",3306,15680,{"text":617,"duration":618,"offset":619},"target our NAV tag.",1533,19067,{"text":621,"duration":622,"offset":623},"So we'll target that NAV.",1480,21840,{"text":625,"duration":626,"offset":627},"The first thing that I'm going to do is I'm",3399,23320,{"text":629,"duration":630,"offset":631},"going to set a background, so a background color and",4110,26798,{"text":633,"duration":634,"offset":635},"I'm going to use my brown here of BFA 89",3162,30987,{"text":637,"duration":638,"offset":639},"E, so that will set the color.",2371,34228,{"text":641,"duration":642,"offset":643},"The next thing I'm going to do is I'm going",3612,36880,{"text":645,"duration":646,"offset":647},"to give a a border radius.",2184,40576,{"text":649,"duration":650,"offset":651},"So border radius, Now typically what we do is we",3101,42760,{"text":653,"duration":654,"offset":655},"just set like a border radius of like, I don't",2972,45926,{"text":657,"duration":658,"offset":659},"know, 25 pixels in all directions.",2197,48963,{"text":661,"duration":662,"offset":663},"But if we look at my final sight here, you",3244,51440,{"text":665,"duration":666,"offset":667},"can see that I'm only curving the radius on the",3631,54761,{"text":669,"duration":670,"offset":671},"bottom, OK.",850,58470,{"text":673,"duration":674,"offset":675},"And so the we can also set the border radius",3202,59320,{"text":677,"duration":678,"offset":679},"for each individual corner.",1965,62595,{"text":681,"duration":606,"offset":682},"So we would just have to specify 4 values.",64760,{"text":684,"duration":685,"offset":686},"The first value is this top left corner, then top",2688,66959,{"text":688,"duration":689,"offset":690},"right, then bottom right, and then bottom left.",2578,69702,{"text":692,"duration":693,"offset":694},"So what we'll do is we'll specify 4 values for",2900,72560,{"text":696,"duration":697,"offset":698},"our border radius, but we'll do zero and zero as",3026,75523,{"text":700,"duration":701,"offset":702},"our first two numbers.",1388,78612,{"text":704,"duration":705,"offset":706},"And then I think I have 10 pixels and 10",2335,80000,{"text":708,"duration":709,"offset":710},"pixels as our second two numbers.",1927,82393,{"text":712,"duration":713,"offset":714},"So let's just go and do that right now.",3120,84720,{"text":716,"duration":717,"offset":718},"So 0 pixels, 0 pixels, 10 pixels and 10 pixels.",4640,87880,{"text":720,"duration":721,"offset":722},"Next, if we just simply save this right now, we",2965,93160,{"text":724,"duration":725,"offset":726},"should see that change.",1451,96188,{"text":728,"duration":729,"offset":730},"OK, so that looks pretty good.",1160,97840,{"text":732,"duration":733,"offset":734},"I want our links to sit right in the middle",3205,99360,{"text":736,"duration":737,"offset":738},"of our navigation tag.",1640,102640,{"text":740,"duration":741,"offset":742},"So I'm going to use text align and we'll do",2519,104280,{"text":744,"duration":745,"offset":746},"text align Center for this.",1581,106858,{"text":748,"duration":749,"offset":750},"So text align center.",2400,108720,{"text":752,"duration":753,"offset":754},"And then I want to add some spacing at the",2343,111760,{"text":756,"duration":757,"offset":758},"bottom because right now it, you know, things are pretty",3125,114158,{"text":760,"duration":761,"offset":762},"close to this.",782,117338,{"text":764,"duration":765,"offset":766},"So I'm going to do margin, bottom, margin, bottom of",4608,118120,{"text":768,"duration":769,"offset":770},"say 10 pixels and we'll just refresh this page and",4431,122816,{"text":772,"duration":773,"offset":774},"there we go.",1064,127336,{"text":776,"duration":777,"offset":778},"So those got pushed down a little bit more.",1720,128400,{"text":780,"duration":781,"offset":782},"Those are sitting in there nicely.",1520,130360,{"text":784,"duration":785,"offset":786},"What we now really have to do though is just",2406,132720,{"text":788,"duration":789,"offset":790},"style each individual anchor tag that sits inside of our",3063,135181,{"text":792,"duration":793,"offset":794},"navigation bar.",820,138299,{"text":796,"duration":797,"offset":798},"So let's go do that.",1080,139440,{"text":800,"duration":737,"offset":801},"So we'll use descendant selector.",140800,{"text":803,"duration":804,"offset":805},"So I have my navigation and then we'll target any",3093,142440,{"text":807,"duration":808,"offset":809},"anchor that sits inside of there.",2083,145596,{"text":811,"duration":812,"offset":813},"The first thing that I'm going to do is take",2854,148080,{"text":815,"duration":816,"offset":817},"on, let's see, first thing that we'll do is we'll",3179,150999,{"text":819,"duration":820,"offset":821},"say anchor tags, I believe are inline elements and an",3438,154243,{"text":823,"duration":824,"offset":825},"inline element.",973,157746,{"text":827,"duration":828,"offset":829},"I can't adjust the width.",1200,158720,{"text":831,"duration":832,"offset":833},"So like if I wanted to make these larger, say",3284,159919,{"text":835,"duration":836,"offset":837},"make them 75, just 7575 pixels right wide, if I",3429,163276,{"text":839,"duration":840,"offset":841},"save this, is this going to make any difference?",3501,166778,{"text":843,"duration":844,"offset":845},"It it doesn't because these are inline elements, I can't",2593,171040,{"text":847,"duration":848,"offset":849},"adjust their width.",881,173679,{"text":851,"duration":852,"offset":853},"So the first thing that I'm going to do is",2121,174880,{"text":855,"duration":856,"offset":857},"I'm going to change the display here to be inline",2475,177051,{"text":859,"duration":860,"offset":861},"block.",304,179576,{"text":863,"duration":864,"offset":865},"So these are now inline block elements, which means I",2422,180280,{"text":867,"duration":868,"offset":869},"should be able to adjust their width.",1692,182748,{"text":871,"duration":872,"offset":873},"So we'll get to that.",1040,184640,{"text":875,"duration":737,"offset":876},"Let's do some other stylings first.",185680,{"text":878,"duration":879,"offset":880},"Let's give them a text color of our mint green",5125,187320,{"text":882,"duration":883,"offset":884},"EBF 5 EE.",1003,192557,{"text":886,"duration":887,"offset":888},"We'll text align the the text of the link to",3103,194520,{"text":890,"duration":891,"offset":892},"be center.",705,197694,{"text":894,"duration":895,"offset":896},"So as we change the width, the text will still",1868,198400,{"text":898,"duration":899,"offset":900},"set in the center.",732,200308,{"text":902,"duration":903,"offset":904},"I'm gonna get rid of the underline, so I'll do",3431,201360,{"text":906,"duration":907,"offset":908},"text decoration none, none.",2015,204865,{"text":910,"duration":911,"offset":912},"There we go, text decoration, none.",2120,206880,{"text":914,"duration":915,"offset":916},"And now let's do some of our box models.",3000,209280,{"text":918,"duration":919,"offset":920},"So I'm gonna give it a border border, and the",3723,212280,{"text":922,"duration":923,"offset":924},"border will be two pixels solid and it will be",3806,216085,{"text":926,"duration":927,"offset":928},"our mint green EBF 5 EE.",1985,219974,{"text":930,"duration":931,"offset":932},"We'll set the width.",1240,222920,{"text":934,"duration":935,"offset":936},"So we'll say the width is going to be 75",2366,224160,{"text":938,"duration":939,"offset":940},"pixels.",415,226585,{"text":942,"duration":931,"offset":943},"And so I'm just going to stop it here.",227240,{"text":945,"duration":946,"offset":947},"Let's see if we now actually have adjusted the width.",2880,228480,{"text":949,"duration":950,"offset":951},"And we did.",920,232120,{"text":953,"duration":828,"offset":954},"So that looks pretty good.",233040,{"text":956,"duration":957,"offset":958},"Perfect.",600,234560,{"text":960,"duration":729,"offset":961},"Coming along nicely.",235440,{"text":963,"duration":964,"offset":965},"We have the width.",840,236920,{"text":967,"duration":968,"offset":969},"Let's do some outside spacing of margin.",2960,237960,{"text":971,"duration":972,"offset":973},"So margin, I'm going to do 7 pixels in the",3961,240920,{"text":975,"duration":976,"offset":977},"vertical direction and 0 pixels in the XY direction.",4904,244975,{"text":979,"duration":980,"offset":981},"And then I'm going to do some internal spacing of",3057,250800,{"text":983,"duration":984,"offset":985},"padding, 10 pixels in the vertical direction, 30 pixels in",3620,253919,{"text":987,"duration":988,"offset":989},"the X direction.",999,257601,{"text":991,"duration":654,"offset":992},"And then we'll do a font size of just 1.0",259000,{"text":994,"duration":995,"offset":996},"R.E.M.",435,262044,{"text":998,"duration":999,"offset":1000},"And let's check this styling out.",2680,262840,{"text":1002,"duration":781,"offset":1003},"All right, so there we have it.",267160,{"text":1005,"duration":931,"offset":1006},"Those look pretty nice.",268680,{"text":1008,"duration":1009,"offset":1010},"And that makes our NAV bar fill out a little",2501,270360,{"text":1012,"duration":1013,"offset":1014},"bit in size.",683,272917,{"text":1016,"duration":931,"offset":1017},"And I'm a lot happier with it.",273600,{"text":1019,"duration":1020,"offset":1021},"Now I'd like to whenever I hover over these, I",3031,275400,{"text":1023,"duration":1024,"offset":1025},"want to maybe transition, do a little bit of of,",3164,278497,{"text":1027,"duration":1028,"offset":1029},"of transition so that they move and it gives a",3032,281727,{"text":1031,"duration":1032,"offset":1033},"little bit of motion to our site.",2175,284824,{"text":1035,"duration":1036,"offset":1037},"So let's set the transition property for one of these",2925,287200,{"text":1039,"duration":1040,"offset":1041},"anchor tags that sit inside of our navigation.",2540,290180,{"text":1043,"duration":1044,"offset":1045},"So we'll say transition.",1280,293080,{"text":1047,"duration":1048,"offset":1049},"I'm going to give a transition of a box shadow.",2480,295200,{"text":1051,"duration":1052,"offset":1053},"So we'll give a small, you know, glow underneath and",4779,297880,{"text":1055,"duration":1056,"offset":1057},"that no, no: here, 0.5 seconds.",2849,302750,{"text":1059,"duration":1060,"offset":1061},"And then I'm also going to do a transform in",2933,305920,{"text":1063,"duration":1064,"offset":1065},"0.5 seconds.",800,308919,{"text":1067,"duration":1068,"offset":1069},"So I'm going to shift them up in the vertical",2637,309880,{"text":1071,"duration":1072,"offset":1073},"Y direction.",704,312576,{"text":1075,"duration":1076,"offset":1077},"So with the transition property set, let's use one of",2567,313880,{"text":1079,"duration":1080,"offset":1081},"our pseudo classes on these anchors.",1744,316495,{"text":1083,"duration":1084,"offset":1085},"So I'll target them using the descendant selector NAV space",3730,318400,{"text":1087,"duration":1088,"offset":1089},"A.",126,322193,{"text":1091,"duration":1092,"offset":1093},"And now we'll do: hover.",2360,322720,{"text":1095,"duration":1096,"offset":1097},"So when we hover, I want to change a box",2533,325480,{"text":1099,"duration":1100,"offset":1101},"shadow.",444,328076,{"text":1103,"duration":1104,"offset":1105},"So I'll do box shadow and I'm going to do",4324,328520,{"text":1107,"duration":1108,"offset":1109},"0 pixels in the X10 pixels in the Y, I'm",4219,332950,{"text":1111,"duration":1112,"offset":1113},"going to do a blur of 10 pixels and I",3903,337274,{"text":1115,"duration":1116,"offset":1117},"will do a a spread of say -5 pixels.",3797,341282,{"text":1119,"duration":1120,"offset":1121},"We talked about the spread that 4th value before I",3129,345440,{"text":1123,"duration":1124,"offset":1125},"believe, and I'm going to give it a color of",2754,348631,{"text":1127,"duration":1128,"offset":1129},"this, this brown right here.",1753,351447,{"text":1131,"duration":1132,"offset":1133},"So I'm going to save this.",1120,353520,{"text":1135,"duration":606,"offset":1136},"Let's refresh and let's see if we get.",354840,{"text":1138,"duration":950,"offset":1139},"Oh yeah, there we go.",357800,{"text":1141,"duration":1142,"offset":1143},"It's just just noticeable.",2080,359000,{"text":1145,"duration":1146,"offset":1147},"It's very subtle, but I like it.",1680,361080,{"text":1149,"duration":1150,"offset":1151},"OK, so that looks great.",1320,363280,{"text":1153,"duration":1154,"offset":1155},"And let's also move the box up a little bit",2968,364960,{"text":1157,"duration":1158,"offset":1159},"so it'll raise up.",1242,367997,{"text":1161,"duration":1162,"offset":1163},"So that is what our transform property is going to",2272,369480,{"text":1165,"duration":1166,"offset":1167},"allow us to do.",682,371798,{"text":1169,"duration":828,"offset":1170},"So we'll say transform.",372480,{"text":1172,"duration":1173,"offset":1174},"We are going to to move as to translate and",2580,373880,{"text":1176,"duration":749,"offset":1177},"we want to translate just on the Y axis.",376520,{"text":1179,"duration":1132,"offset":1180},"And I'm going to go up.",379200,{"text":1182,"duration":1183,"offset":1184},"So -5 pixels, remember up is, is in the negative",3390,380640,{"text":1186,"duration":1187,"offset":1188},"direction here.",1060,384100,{"text":1190,"duration":1191,"offset":1192},"And while we're at it, when we hover, these aren't",2509,385680,{"text":1194,"duration":1195,"offset":1196},"going to be transitions, but we will simply take our",2610,388239,{"text":1198,"duration":1195,"offset":1199},"text decoration and change it to be underlined so it",390899,{"text":1201,"duration":1202,"offset":1203},"emulates that this is something that should be clicked.",2761,393559,{"text":1205,"duration":1206,"offset":1207},"And we can also emulate that this is something that",2328,396640,{"text":1209,"duration":1210,"offset":1211},"should be clicked by changing our cursor to a pointer.",2466,399014,{"text":1213,"duration":1214,"offset":1215},"All right, so I'll refresh the page.",1600,403080,{"text":1217,"duration":1218,"offset":1219},"I guess our cursor was already being changed to a",1691,405400,{"text":1221,"duration":1222,"offset":1223},"pointer, but that's OK.",793,407126,{"text":1225,"duration":1226,"offset":1227},"All right.",1000,407920,{"text":1229,"duration":915,"offset":1230},"So I think that looks pretty nice.",408920,{"text":1232,"duration":1142,"offset":1233},"Maybe we could go even higher, but I think 5",412360,{"text":1235,"duration":1236,"offset":1237},"pixels is good for the for the movement up.",2033,414487,{"text":1239,"duration":1240,"offset":1241},"OK, so I think our NAV bar is styled nicely.",2800,417240,{"text":1243,"duration":1244,"offset":1245},"Why don't we now work on styling our new products",3176,420040,{"text":1247,"duration":1248,"offset":1249},"section?",518,423281,{"text":1251,"duration":1252,"offset":1253},"So let's just refresh.",2320,425320,{"text":1255,"duration":1256,"offset":1257},"Looking at our HTML, we have a section with an",3735,427680,{"text":1259,"duration":1260,"offset":1261},"ID of new products.",1543,431496,{"text":1263,"duration":1264,"offset":1265},"And then inside of the section, we have dibs with",3975,433040,{"text":1267,"duration":1268,"offset":1269},"a class new products.",1704,437096,{"text":1271,"duration":1272,"offset":1273},"So we'll style the section and then we'll style each",3140,439000,{"text":1275,"duration":1276,"offset":1277},"individual product here that sits inside of it.",2839,442201,{"text":1279,"duration":1280,"offset":1281},"So we'll start by targeting our section new products.",3960,447640,{"text":1283,"duration":1284,"offset":1285},"And what do we want here?",1400,452240,{"text":1287,"duration":1036,"offset":1288},"Well, the first thing that I think we really need",453960,{"text":1290,"duration":1291,"offset":1292},"to do is we need to give a flex layout",2269,456945,{"text":1294,"duration":1295,"offset":1296},"and I'm going to make it a column based layout.",2807,459273,{"text":1298,"duration":1299,"offset":1300},"So I'll say display is flex and then the flex",3272,462080,{"text":1302,"duration":1303,"offset":1304},"direction, I just have to change it to be a",3127,465425,{"text":1306,"duration":1307,"offset":1308},"column based layout.",1454,468625,{"text":1310,"duration":1311,"offset":1312},"Now that that's set, my main axis is the vertical",3385,470640,{"text":1314,"duration":1315,"offset":1316},"axis.",345,474094,{"text":1318,"duration":1319,"offset":1320},"I can align things on that main axis if I",3173,474480,{"text":1322,"duration":1323,"offset":1324},"choose to, and I'm going to, I'm going to say",3483,477730,{"text":1326,"duration":1327,"offset":1328},"justify content and I'm going to do space between.",3870,481290,{"text":1330,"duration":1252,"offset":1331},"So there's equal space between these elements.",485360,{"text":1333,"duration":1334,"offset":1335},"Now any text that sits inside of there, any items,",3027,488280,{"text":1337,"duration":1338,"offset":1339},"I want their text align to be centered within their",3088,491367,{"text":1341,"duration":1342,"offset":1343},"element.",485,494515,{"text":1345,"duration":1346,"offset":1347},"And I'm going to give a background color.",2440,495440,{"text":1349,"duration":1350,"offset":1351},"So the background here is going to be my darker",4561,497880,{"text":1353,"duration":1354,"offset":1355},"brown 8B786D.",1262,502538,{"text":1357,"duration":1358,"offset":1359},"I'm going to give some margin on the right side.",4080,505120,{"text":1361,"duration":1362,"offset":1363},"So if we look here the right here, I want",2644,509200,{"text":1365,"duration":1366,"offset":1367},"some spacing on the outside over here.",2450,511909,{"text":1369,"duration":1044,"offset":1370},"So just some margin, right.",514360,{"text":1372,"duration":1373,"offset":1374},"So I'll do margin tack right of say 10 pixels.",5720,517200,{"text":1376,"duration":1377,"offset":1378},"I'm going to give some internal spacing in all direction",4101,523360,{"text":1380,"duration":1381,"offset":1382},"of padding of five pixels and I'll give a border",3516,527534,{"text":1384,"duration":1385,"offset":1386},"radius of say 10 pixels in all directions.",3077,531123,{"text":1388,"duration":1389,"offset":1390},"So let's see what this looks like now that we've",3200,534920,{"text":1392,"duration":1393,"offset":1394},"styled that section.",1334,538186,{"text":1396,"duration":1397,"offset":1398},"So if we refresh the page, there is our new",2920,539520,{"text":1400,"duration":1401,"offset":1402},"products.",612,542508,{"text":1404,"duration":1405,"offset":1406},"We've got that nice little gap here because we put",2652,543120,{"text":1408,"duration":1409,"offset":1410},"some margin bottom on our navigation bar.",2174,545825,{"text":1412,"duration":1413,"offset":1414},"I think that looks really good and the the border",3018,548000,{"text":1416,"duration":1417,"offset":1418},"radius and all direction works really nicely here.",3080,551079,{"text":1420,"duration":1421,"offset":1422},"OK, so now what I really want to do is",2375,555440,{"text":1424,"duration":789,"offset":1425},"I want to look at these individual items that are",557877,{"text":1427,"duration":1428,"offset":1429},"sitting inside of here.",1438,561002,{"text":1431,"duration":1214,"offset":1432},"So let's let's just go take a look.",562440,{"text":1434,"duration":1435,"offset":1436},"So we got new product, new products.",3440,566240,{"text":1438,"duration":729,"offset":1439},"So these are our divisions.",569680,{"text":1441,"duration":1442,"offset":1443},"You know, I don't even know if I need to",1521,571080,{"text":1445,"duration":1446,"offset":1447},"style anything here.",760,572639,{"text":1449,"duration":1450,"offset":1451},"I think they look pretty good.",960,573400,{"text":1453,"duration":1454,"offset":1455},"I could target my new product division if I wanted",4199,574360,{"text":1457,"duration":1458,"offset":1459},"to, but if we look at the site, I'm pretty",3528,578643,{"text":1461,"duration":646,"offset":1462},"happy with how this looks.",582255,{"text":1464,"duration":1465,"offset":1466},"Maybe if I wanted to give a, a different background",2165,584720,{"text":1468,"duration":1469,"offset":1470},"color to each one of these items, but I don't",1911,586927,{"text":1472,"duration":1473,"offset":1474},"want to do that.",679,588880,{"text":1476,"duration":749,"offset":1477},"I'm I'm actually pretty happy.",589560,{"text":1479,"duration":1480,"offset":1481},"So I'm not going to target that division.",2280,591960,{"text":1483,"duration":713,"offset":1484},"So now let's look at what we have next.",594520,{"text":1486,"duration":1487,"offset":1488},"We have our section News and our section community, which",4678,598360,{"text":1490,"duration":713,"offset":1491},"are sitting pretty nicely in our page.",603120,{"text":1493,"duration":1494,"offset":1495},"But we did say that we do want to have",2321,606240,{"text":1497,"duration":1498,"offset":1499},"our pictures sort of be in line with our paragraphs.",3178,608622,{"text":1501,"duration":1502,"offset":1503},"So where are our paragraph and pictures currently located within",3667,612040,{"text":1505,"duration":1506,"offset":1507},"our HTML?",515,615764,{"text":1509,"duration":1510,"offset":1511},"They're located inside of a division called content Item.",3240,616800,{"text":1513,"duration":1514,"offset":1515},"So what we should style next is our division Content",3765,620440,{"text":1517,"duration":1518,"offset":1519},"Item.",363,624277,{"text":1521,"duration":1522,"offset":1523},"So that is a class because I have multiple of",2682,626800,{"text":1525,"duration":1526,"offset":1527},"them.",298,629541,{"text":1529,"duration":1530,"offset":1531},"So I'll say that content item.",1760,629840,{"text":1533,"duration":1534,"offset":1535},"And I want both things that sit inside of this",2150,632320,{"text":1537,"duration":1538,"offset":1539},"division to be in a row.",1123,634517,{"text":1541,"duration":1542,"offset":1543},"So I'm just going to give a flex display and",2956,635640,{"text":1545,"duration":1546,"offset":1547},"we'll keep it at the default alignment of a row",3159,638663,{"text":1549,"duration":1550,"offset":1551},"layout.",470,641889,{"text":1553,"duration":1554,"offset":1555},"So to align on that main axis, I'll use justify",2819,642360,{"text":1557,"duration":1558,"offset":1559},"content and we will center it.",1800,645239,{"text":1561,"duration":1562,"offset":1563},"And then I'll just Simply put some padding of say",3316,647400,{"text":1565,"duration":1566,"offset":1567},"10 pixels in all directions.",1895,650784,{"text":1569,"duration":1570,"offset":1571},"So if I refresh the page there we have it",3886,653040,{"text":1573,"duration":1574,"offset":1575},"all right, so I think that looks pretty good, Pretty",4930,657021,{"text":1577,"duration":1578,"offset":1579},"good.",474,662045,{"text":1581,"duration":729,"offset":1582},"I'm pretty happy with this.",662520,{"text":1225,"duration":1584,"offset":1585},640,665840,{"text":1587,"duration":1214,"offset":1588},"Our layout looks nice here.",666480,{"text":1587,"duration":1214,"offset":1590},668080,{"text":1592,"duration":1593,"offset":1594},"There's a little bit more spacing than I want.",2840,670360,{"text":1596,"duration":1226,"offset":1597},"I think I have less.",673200,{"text":1599,"duration":844,"offset":1600},"So what I'm gonna do here on the original 1:00,",674200,{"text":1602,"duration":1603,"offset":1604},"I definitely had less Lorem ipsum text over here under",2979,676848,{"text":1606,"duration":1607,"offset":1608},"new products.",718,679882,{"text":1610,"duration":1611,"offset":1612},"So let's just go clean that up really quickly under",3642,680760,{"text":1614,"duration":1615,"offset":1616},"home New products.",1285,684474,{"text":1618,"duration":1619,"offset":1620},"This whole line I'm just going to quickly delete and",4353,686240,{"text":1622,"duration":1623,"offset":1624},"I'll do something like a paragraph of say, Lorem 35,",4354,690676,{"text":1626,"duration":1627,"offset":1628},"and then we'll do something similar to this paragraph under",4940,695113,{"text":1630,"duration":1631,"offset":1632},"New product here.",1424,700136,{"text":1634,"duration":1635,"offset":1636},"We'll just put another paragraph and I'll do something like",3967,702520,{"text":1638,"duration":1639,"offset":1640},"Lorem 40.",605,706554,{"text":1642,"duration":1643,"offset":1644},"We'll save this and let's just see how that affects",2558,707840,{"text":1646,"duration":1647,"offset":1648},"things.",352,710448,{"text":1650,"duration":638,"offset":1651},"I think that looks a lot better, a little bit",712240,{"text":1653,"duration":1654,"offset":1655},"more concise, so I'm really happy here.",2055,714664,{"text":1657,"duration":1658,"offset":1659},"The last thing that I think we just need to",2587,716880,{"text":1661,"duration":1662,"offset":1663},"do is style this poor little footer that's all by",2949,719527,{"text":1665,"duration":1666,"offset":1667},"itself down here.",1023,722536,{"text":1669,"duration":729,"offset":1670},"So let's style that footer.",724080,{"text":1672,"duration":1673,"offset":1674},"OK, we'll target the footer tag and I am going",3713,727880,{"text":1676,"duration":1677,"offset":1678},"to just simply take the footer, which is a block",3875,731674,{"text":1680,"duration":1681,"offset":1682},"level element.",1130,735629,{"text":1684,"duration":1685,"offset":1686},"So it's taking up the whole width of that line.",1960,736760,{"text":1688,"duration":781,"offset":1689},"And I'm just going to center the text in it.",739000,{"text":1691,"duration":1530,"offset":1692},"So our paragraph will be centered.",740520,{"text":1694,"duration":1695,"offset":1696},"And then the font weight, I'm going to change the",2623,742600,{"text":1698,"duration":1699,"offset":1700},"font weight.",642,745277,{"text":1702,"duration":1703,"offset":1704},"We can set numbers or we could use keywords.",2720,746120,{"text":1706,"duration":964,"offset":1707},"I'm going to use a keyword.",748840,{"text":1709,"duration":1710,"offset":1711},"I'll say it's I want it to be bolder, so",2486,749679,{"text":1713,"duration":1714,"offset":1715},"I'll just save that and that should center our text",3170,752227,{"text":1717,"duration":1718,"offset":1719},"and make it bolder.",1180,755459,{"text":1721,"duration":1584,"offset":1722},"Awesome.",757240,{"text":1724,"duration":1725,"offset":1726},"So I think our home page is complete here.",3040,758080,{"text":1728,"duration":1450,"offset":1729},"This looks pretty good.",761120,{"text":1731,"duration":1226,"offset":1732},"Pretty happy with that.",762360,{"text":1734,"duration":1735,"offset":1736},"So now let's go begin talking about some of our",3377,763480,{"text":1738,"duration":1739,"offset":1740},"HTML tools.",791,766929,{"text":1742,"duration":1743,"offset":1744},"We have a design tool, a pricing tool, sizing and",2258,767720,{"text":1746,"duration":1747,"offset":1748},"contacts.",414,770025,{"text":1750,"duration":1389,"offset":1751},"Let's work on the design tool next.",770720,{"text":609,"duration":610,"offset":1753},774880,{"text":1755,"duration":1756,"offset":1757},"I'm just going to keep moving my CSS down the",2668,777120,{"text":1759,"duration":1760,"offset":1761},"line and we'll look at our design tool.",2312,779847,{"text":1763,"duration":1764,"offset":1765},"Now what I'm going to do is simply copy this",3741,782480,{"text":1767,"duration":1768,"offset":1769},"page and we'll paste it into our design tool because",4422,786306,{"text":1771,"duration":1772,"offset":1773},"much of this is going to be the same.",3147,790813,{"text":1775,"duration":1776,"offset":1777},"And let's work through and just change a few things",1968,794200,{"text":1779,"duration":1780,"offset":1781},"here.",193,796207,{"text":1783,"duration":1784,"offset":1785},"In my head, I'm still going to be using all",2546,796600,{"text":1787,"duration":1788,"offset":1789},"of these things, but I also now need to bring",2665,799205,{"text":1791,"duration":1792,"offset":1793},"in a script.",710,801929,{"text":1795,"duration":1510,"offset":1796},"So I'll say script, and we'll say defer.",803120,{"text":1798,"duration":1799,"offset":1800},"And the source of the script is going to be",5066,806559,{"text":1802,"duration":1803,"offset":1804},"design, design script dot JS.",3416,811743,{"text":1806,"duration":1807,"offset":1808},"So we're only going to bring in the specific script",2998,815360,{"text":1810,"duration":1811,"offset":1812},"for this page.",823,818416,{"text":1814,"duration":1815,"offset":1816},"Our header will be the same, our NAV bar will",2575,819800,{"text":1818,"duration":1819,"offset":1820},"be the same.",686,822433,{"text":1822,"duration":852,"offset":1823},"But now we are going to just empty out the",823360,{"text":1825,"duration":1826,"offset":1827},"rest of this main so we don't have these new",2223,825531,{"text":1829,"duration":1830,"offset":1831},"products or news or community.",1516,827804,{"text":1833,"duration":931,"offset":1834},"So let's empty that out.",829720,{"text":1836,"duration":1044,"offset":1837},"Our footer will be the same though.",831440,{"text":1839,"duration":1840,"offset":1841},"And so now let's talk about the tool that we're",3229,833240,{"text":1843,"duration":1844,"offset":1845},"going to use for designing our shirt.",2542,836537,{"text":1847,"duration":587,"offset":1848},"So I'll come over here to our finished page.",839880,{"text":1850,"duration":1851,"offset":1852},"If we look at our tool, it looks like I've",2944,842640,{"text":1854,"duration":1855,"offset":1856},"got a section up here with some radio buttons.",3225,845654,{"text":1858,"duration":1859,"offset":1860},"I've got a a drop down, a select tag, I've",2989,849320,{"text":1862,"duration":1863,"offset":1864},"got a color selection, and then I've got another section",3986,852380,{"text":1866,"duration":674,"offset":1867},"here where I can essentially see the results.",856437,{"text":1869,"duration":1870,"offset":1871},"So I'm going to have two separate divisions and then",2260,859640,{"text":1873,"duration":1874,"offset":1875},"in each division I'm going to have some some different",2348,861944,{"text":1646,"duration":1877,"offset":1878},305,864335,{"text":1880,"duration":1252,"offset":1881},"OK, so we'll come over to our HTML.",865840,{"text":1883,"duration":1884,"offset":1885},"Let's design our First Division, but maybe I'll put a",3798,868160,{"text":1887,"duration":1888,"offset":1889},"header, a heading first, so an H2, and I'll say",3368,872030,{"text":1891,"duration":1892,"offset":1893},"design your shirt.",1290,875470,{"text":1895,"duration":1896,"offset":1897},"And so now I'm going to make a division and",2062,878760,{"text":1899,"duration":1900,"offset":1901},"I'm going to be very vague with the names, the",2206,880870,{"text":1903,"duration":1904,"offset":1905},"IDs that I give because I want the IDs to",1967,883124,{"text":1907,"duration":1896,"offset":1908},"be the same across all of our tools so that",885139,{"text":1910,"duration":1911,"offset":1912},"I can style them all once in a consistent manner.",2350,887249,{"text":1914,"duration":1915,"offset":1916},"So I'm going to give this ID of tool_calc because",3407,889600,{"text":1918,"duration":1919,"offset":1920},"this is going to be where the tool is doing",2991,893077,{"text":1922,"duration":1923,"offset":1924},"its calculations.",1183,896137,{"text":1926,"duration":1927,"offset":1928},"And then I'll make another division down here later on.",4760,897320,{"text":1930,"duration":1931,"offset":1932},"And I'm going to give it an ID of tool_values",3136,902080,{"text":1934,"duration":1935,"offset":1936},"because this is where the tool will maybe output some",3694,905285,{"text":1938,"duration":1939,"offset":1940},"values or give some feedback of you, know based, off",3623,909049,{"text":1942,"duration":1943,"offset":1944},"of the calculation that they just did OK.",2858,912742,{"text":1946,"duration":1947,"offset":1948},"SO, in the tool calc Division I, WILL first do",5139,915600,{"text":1950,"duration":1951,"offset":1952},"an H3 AND I'll Say select your size and.",4468,920851,{"text":1954,"duration":1955,"offset":1956},"So now I'm Going to have a collection of radio",3590,925320,{"text":1958,"duration":1959,"offset":1960},"buttons and, I'm Going to put those radio buttons let's.",4372,928988,{"text":1962,"duration":1963,"offset":1964},"See real quick, OK, so I'm going to put those",3175,933360,{"text":1966,"duration":1967,"offset":1968},"radio buttons that we're going to use inside of a",3457,936606,{"text":1970,"duration":1971,"offset":1972},"form here.",706,940134,{"text":1974,"duration":1975,"offset":1976},"And the reason why is because I'm going to then",2872,940840,{"text":1978,"duration":1979,"offset":1980},"put an event listener on the form itself.",2506,943773,{"text":1982,"duration":1983,"offset":1984},"So when any value of the form changes, we'll use",3750,946280,{"text":1986,"duration":1987,"offset":1988},"a change event.",1172,950108,{"text":1990,"duration":999,"offset":1991},"I'm going to have some function run.",951280,{"text":1993,"duration":1994,"offset":1995},"So we'll we'll create the form all right, and I'm",4081,953960,{"text":1997,"duration":1998,"offset":1999},"going to give it an ID.",1915,958124,{"text":2001,"duration":1048,"offset":2002},"This is going to be my size_form.",960040,{"text":2004,"duration":2005,"offset":2006},"And in here we'll we'll create an input and it",4254,962880,{"text":2008,"duration":2009,"offset":2010},"will be of type radio, so a radio button and",4069,967226,{"text":2012,"duration":2013,"offset":2014},"its ID will be small and its value will be",3884,971388,{"text":2016,"duration":2017,"offset":2018},"small.",554,975365,{"text":2020,"duration":1510,"offset":2021},"And the name I will give is just size.",976520,{"text":2023,"duration":2024,"offset":2025},"And now I'll create a label for this and it'll",5228,980480,{"text":2027,"duration":2028,"offset":2029},"be for small and it will say small.",3979,985821,{"text":2031,"duration":2032,"offset":2033},"Alright, so that's going to be our small, but then",1855,990480,{"text":2035,"duration":2036,"offset":2037},"I want to offer medium, large and extra large.",1708,992372,{"text":2039,"duration":2040,"offset":2041},"So I'm going to copy this and paste it three",3469,994080,{"text":2043,"duration":2044,"offset":2045},"times 123, and we'll just simply change the word small",4258,997628,{"text":1779,"duration":2047,"offset":2048},395,1001965,{"text":2050,"duration":587,"offset":2051},"So I'm going to use alt to multi click.",1002360,{"text":2053,"duration":2054,"offset":2055},"We'll change this alt to medium.",3360,1005560,{"text":2057,"duration":1530,"offset":2058},"And I just got to change my M here.",1010240,{"text":2060,"duration":1044,"offset":2061},"We'll do the next one.",1012520,{"text":2063,"duration":2064,"offset":2065},"I'll alt Click to have my multi cursor and I'm",4131,1013800,{"text":2067,"duration":2068,"offset":2069},"going to change everything to large and I'll change my",4850,1018020,{"text":2071,"duration":2072,"offset":2073},"L and then I will multi click one last time",3861,1022960,{"text":2075,"duration":2076,"offset":2077},"for our last radio button and I will change this",4311,1026911,{"text":2079,"duration":2080,"offset":2081},"to extra and I will change my actual label to",4041,1031312,{"text":2083,"duration":2084,"offset":2085},"say extra large.",1436,1035443,{"text":2087,"duration":797,"offset":2088},"OK, so this is perfect.",1037920,{"text":2090,"duration":2091,"offset":2092},"So now we're we're putting inside the form, right?",2640,1039000,{"text":2094,"duration":2095,"offset":2096},"And so we'll put the event listener on the form",2216,1041640,{"text":2098,"duration":2099,"offset":2100},"for a change event.",897,1043903,{"text":2102,"duration":1020,"offset":2103},"So as I click different buttons, the form will change",1044800,{"text":2105,"duration":2106,"offset":2107},"and we will automatically run some JavaScript.",2631,1047888,{"text":2109,"duration":781,"offset":2110},"All right, So I think that's going to work nicely.",1050880,{"text":2112,"duration":2113,"offset":2114},"Let's do something similar.",1440,1052400,{"text":2116,"duration":2117,"offset":2118},"Now for the style of shirt because if you recall,",3408,1053840,{"text":2120,"duration":2121,"offset":2122},"we have wonder where is our starter files?",2921,1057318,{"text":2124,"duration":2125,"offset":2126},"We got a bunch of different pictures that we can",2548,1060240,{"text":2128,"duration":2129,"offset":2130},"use for our shirts, like my dress shirt, my cruise",2655,1062841,{"text":2132,"duration":2133,"offset":2134},"shirt, jersey, polo, just a regular old T-shirt, those sorts",3186,1065549,{"text":2136,"duration":2137,"offset":2138},"of things.",531,1068789,{"text":2140,"duration":1142,"offset":2141},"So we're going to allow people to select their style.",1069320,{"text":2143,"duration":2144,"offset":2145},"So I have another H3 and I'll say select your",5226,1071400,{"text":2147,"duration":2148,"offset":2149},"style.",696,1076743,{"text":2151,"duration":911,"offset":2152},"And in here I'm going to create a division.",1077440,{"text":2154,"duration":2155,"offset":2156},"So this will all sit inside of a division and",4686,1079560,{"text":2158,"duration":2159,"offset":2160},"we'll create a label and the label will say choose",5207,1084350,{"text":2162,"duration":2163,"offset":2164},"a shirt style.",1458,1089661,{"text":2166,"duration":2167,"offset":2168},"And that's label will be for something with an ID",4485,1091119,{"text":2170,"duration":2171,"offset":2172},"of style.",824,1095696,{"text":2174,"duration":2113,"offset":2175},"And what's going to have an ID of style?",1096520,{"text":2177,"duration":2178,"offset":2179},"It's going to be a select tag or drop down",2904,1097960,{"text":2181,"duration":1315,"offset":2182},"menu.",1100934,{"text":2184,"duration":2185,"offset":2186},"So I'll give this an ID of style.",2240,1101280,{"text":2188,"duration":2189,"offset":2190},"I'll give it a name shirt_style and we'll make sure",5732,1103520,{"text":2192,"duration":2193,"offset":2194},"that this is required required, and, so now we'll set",5957,1109364,{"text":2196,"duration":2197,"offset":2198},"our options so.",1685,1115434,{"text":2200,"duration":2201,"offset":2202},"We'll do option short sleeve of a short sleeve option",5990,1117119,{"text":2204,"duration":2205,"offset":2206},"with a value of short and.",2938,1123222,{"text":2208,"duration":1268,"offset":2209},"I'm Just going to copy this line now because we're",1126160,{"text":2211,"duration":1354,"offset":2212},"going to have multiple options we're.",1127898,{"text":2214,"duration":1214,"offset":2215},"Going to give another 123.",1129160,{"text":2217,"duration":915,"offset":2218},"Another four options, so 1234.",1130760,{"text":2220,"duration":2221,"offset":2222},"The next one will have a value of crew and",3625,1134520,{"text":2224,"duration":1056,"offset":2225},"its drop down menu will say Crew.",1138231,{"text":2227,"duration":2228,"offset":2229},"Our next option will have a value of Polo and",2993,1141920,{"text":2231,"duration":2232,"offset":2233},"it will have a drop down option of Polo.",2661,1144979,{"text":2235,"duration":2236,"offset":2237},"Our next option will say Dress and it will have",3858,1148200,{"text":2239,"duration":2240,"offset":2241},"a drop down option of dress.",2299,1152141,{"text":2243,"duration":2244,"offset":2245},"And our next option will say Jersey and it will",3646,1154960,{"text":2247,"duration":2248,"offset":2249},"have a drop down option of, you guessed it, Jersey.",3956,1158683,{"text":2251,"duration":2252,"offset":2253},"All right, so we can we can let them select",2814,1164160,{"text":2255,"duration":2256,"offset":2257},"their size.",720,1167040,{"text":2259,"duration":911,"offset":2260},"We can let them select their style.",1168040,{"text":2262,"duration":2263,"offset":2264},"The last thing that I want to do within our",2207,1170359,{"text":2266,"duration":2267,"offset":2268},"tool calculating division is allow them to select their color.",3181,1172618,{"text":2270,"duration":2091,"offset":2271},"So let's get into them outside of the right division.",1176240,{"text":2273,"duration":2274,"offset":2275},"I'll set an H3 and I'll say select your color.",3320,1179200,{"text":2277,"duration":610,"offset":2278},"And now I'll do another division.",1184440,{"text":2280,"duration":2281,"offset":2282},"And inside of this division, I'm going to put an",3413,1187680,{"text":2284,"duration":2285,"offset":2286},"input field and it will simply be of type color",3342,1191164,{"text":2288,"duration":2289,"offset":2290},"with an ID of color.",1423,1194577,{"text":2292,"duration":2293,"offset":2294},"And we'll make it.",880,1196040,{"text":2296,"duration":729,"offset":2297},"I'm sure we can make it required.",1197360,{"text":2299,"duration":2300,"offset":2301},"Why not?",400,1198520,{"text":2303,"duration":2304,"offset":2305},"All right, so those are actually, I don't think we",2102,1200359,{"text":2307,"duration":2308,"offset":2309},"need to make these required.",1176,1202503,{"text":2311,"duration":2054,"offset":2312},"We can get rid of the required attribute.",1203680,{"text":2314,"duration":1150,"offset":2315},"There's no need to do that here.",1207120,{"text":2317,"duration":2318,"offset":2319},"So that is our tool calculator.",2560,1208720,{"text":2321,"duration":1389,"offset":2322},"We're going to get size, style and color.",1211280,{"text":2324,"duration":2325,"offset":2326},"And then what are we going to do in our",3060,1214480,{"text":2328,"duration":2329,"offset":2330},"tool values?",942,1217618,{"text":2332,"duration":1558,"offset":2333},"Where did my tool values division go?",1219240,{"text":2335,"duration":2336,"offset":2337},"I thought I'd.",440,1221040,{"text":2339,"duration":2340,"offset":2341},"Oh, I did all of that inside of tool values.",2200,1222920,{"text":2343,"duration":950,"offset":2344},"I'm sorry, everybody.",1225120,{"text":2346,"duration":2347,"offset":2348},"All of this should be inside of our tool calc",2683,1226280,{"text":2350,"duration":2351,"offset":2352},"division.",537,1229023,{"text":2354,"duration":2355,"offset":2356},"So I'm going to simply come down here and just",2685,1229840,{"text":2358,"duration":2359,"offset":2360},"cut everything out that I made that mistake that shouldn't",3386,1232584,{"text":2362,"duration":2363,"offset":2364},"be in tool values.",1050,1236029,{"text":2366,"duration":622,"offset":2367},"That is our tool calculator.",1237280,{"text":2369,"duration":2091,"offset":2370},"So I'll put that inside of our tool calculator division.",1239040,{"text":2372,"duration":1146,"offset":2373},"So here's our division tool calculator.",1241680,{"text":2375,"duration":2376,"offset":2377},"We're going to get their size, we're going to get",2132,1243640,{"text":2379,"duration":2380,"offset":2381},"their style, we're going to get their color and we'll",2306,1245816,{"text":2383,"duration":2384,"offset":2385},"do some calculations or you know, JavaScript with that.",2394,1248166,{"text":2387,"duration":2388,"offset":2389},"And now in our tool values division, we're going to",3163,1250560,{"text":2391,"duration":2392,"offset":2393},"give some output.",1054,1253785,{"text":2395,"duration":2396,"offset":2397},"So I'll put an H3 here and I'll say here",3636,1254840,{"text":2399,"duration":2400,"offset":2401},"is your shirt.",1272,1258567,{"text":2403,"duration":2404,"offset":2405},"I'm going to capitalize these.",3640,1259840,{"text":2407,"duration":2408,"offset":2409},"All right, so here is your shirt and the shirt",3107,1263480,{"text":2411,"duration":2412,"offset":2413},"we will show is simply just going to be an",2837,1266654,{"text":2415,"duration":2416,"offset":2417},"image and we'll give it an ID of shirt_image and",3242,1269559,{"text":2419,"duration":2420,"offset":2421},"we'll give a default source.",1891,1272868,{"text":2423,"duration":2416,"offset":2424},"Our first option up here is the short sleeve shirt",1275080,{"text":2426,"duration":749,"offset":2427},"and that is going to be if we look it",1278387,{"text":2429,"duration":2430,"offset":2431},"is our short sleeve shirt is right here shirt icon.",3307,1280852,{"text":2433,"duration":2434,"offset":2435},"So that'll just be the default image shirt_icon dot PNG.",7480,1284160,{"text":2437,"duration":2438,"offset":2439},"And I will give a class to start of small",2767,1291960,{"text":2441,"duration":2442,"offset":2443},"image.",405,1294795,{"text":2445,"duration":2446,"offset":2447},"And what we'll do is as we change our sizes",2296,1295720,{"text":2449,"duration":2450,"offset":2451},"from small, medium, large and extra large, we will change",3044,1298069,{"text":2453,"duration":2454,"offset":2455},"the class of our image from a small image to",2349,1301167,{"text":2457,"duration":1911,"offset":2458},"a medium to a large or an extra large image.",1303570,{"text":2460,"duration":2221,"offset":2461},"All right, I think the HTML is done for this",1306760,{"text":2463,"duration":2464,"offset":2465},"page.",412,1310468,{"text":2467,"duration":2468,"offset":2469},"I think everything looks pretty good here.",2160,1311400,{"text":2471,"duration":2472,"offset":2473},"I'm going to save this and let's just reload the",2426,1313800,{"text":2475,"duration":2476,"offset":2477},"page and see if that content is appearing.",2123,1316276,{"text":2479,"duration":1450,"offset":2480},"OK, so here it is.",1318760,{"text":2482,"duration":2483,"offset":2484},"So it's here, it's we can click all right, our",3121,1319920,{"text":2486,"duration":2487,"offset":2488},"drop Down's working, I can select my color, but we've",3597,1323109,{"text":2490,"duration":2491,"offset":2492},"got a lot to do here.",1425,1326774,{"text":2494,"duration":2468,"offset":2495},"We still need to style this a little bit better.",1328200,{"text":2497,"duration":2498,"offset":2499},"And then we got to add some functionality using some",2496,1330600,{"text":2501,"duration":2502,"offset":2503},"of our JavaScript, which is what we will do in",2208,1333144,{"text":2505,"duration":2256,"offset":2506},"our next video.",1335400,{"text":2508,"duration":1584,"offset":2509},"So I'll see you then.",1336200,{"summary":2511,"sections":2512,"learningObjectives":2549,"keyConcepts":2558,"videoTags":2564},"This video tutorial covers styling a webpage using CSS and setting up an HTML design tool. It begins with styling a navigation bar, including setting background colors, border radii, and hover effects. The tutorial then moves on to styling a new products section using a flex layout. Finally, it demonstrates setting up an HTML structure for a shirt design tool, incorporating forms, radio buttons, and color inputs, preparing for JavaScript functionality.",[2513,2528,2535],{"title":2514,"start":587,"end":1241,"description":2515,"tags":2516},"Styling the Navigation Bar","Learn to style the navigation bar using CSS.",[2517,2518,2519,2520,2521,2522,2523,2524,2525,2526,2527],"CSS","navigation bar","styling","background color","border radius","text alignment","margin","padding","hover effects","box shadow","transform",{"title":2529,"start":1245,"end":1726,"description":2530,"tags":2531},"Styling the New Products Section","Apply flex layout and style the new products section.",[2517,2532,2533,2520,2523,2524,2521,2534],"flex layout","new products","content alignment",{"title":2536,"start":1736,"end":2509,"description":2537,"tags":2538},"Design Tool HTML Setup","Set up HTML for a shirt design tool with forms and inputs.",[2539,2540,2541,2542,2543,2544,2545,2546,2547,2548],"HTML","design tool","forms","radio buttons","select tag","color input","JavaScript","event listener","ID","class",[2550,2551,2552,2553,2554,2555,2556,2557],"Style navigation bar","Use CSS flex layout","Create HTML forms","Add hover effects","Align content","Set background color","Use border radius","Implement JavaScript",[2559,2560,2561,2562,2563],"CSS styling","Flexbox layout","HTML structure","Form elements","JavaScript integration",{"keyTags":2565,"pedagogicalTags":2568},[2517,2539,2566,2545,2567],"Web Design","Frontend Development",[2569,2570],"Project-based learning","Hands-on practice","60919f6b27f749001c9a4bd7","2025-02-14T16:42:38.694Z","ENABLED","2026-03-16T04:28:11.310Z",{"service":2576,"version":2577},"quizserver","0d1f6acfb924429691fdd02d8aa8ac7859dee24a",{"success":5,"data":2579,"time":2712},{"countryBasedRecommendations":2580,"subjectBasedRecommendations":2630,"subjectBasedQualifiers":2681},[2581,2588,2595,2602,2608,2613,2619,2625],{"id":2582,"quizId":2583,"country":30,"lowerGrade":37,"upperGrade":2584,"quizRank":121,"subject":2585,"quizImage":96,"quizName":2586,"quizType":2587,"noOfQuestions":36,"noOfSlides":20},"69b14b4088b95721049fe22f","6970d6d95dd095d0cea082b7",12,"Education","Spartan Way - Classroom Responsible","quiz",{"id":2589,"quizId":2590,"country":30,"lowerGrade":122,"upperGrade":122,"quizRank":2591,"subject":40,"quizImage":2592,"quizName":2593,"quizType":2587,"noOfQuestions":2594,"noOfSlides":20},"6979ec3c100e21248f1214b0","6283f3d3d9e24d001ed1cfde",4,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8f6b81a1-fa29-4aab-bc39-b0e6f8db69b7","Fractions on a Number Line",15,{"id":2596,"quizId":2597,"country":30,"lowerGrade":34,"upperGrade":36,"quizRank":2591,"subject":2598,"quizImage":96,"quizName":2599,"quizType":2600,"noOfQuestions":2601,"noOfSlides":68},"69b14b4088b95721049fdfe5","69aec7ded6a94870e6dab252","Life Skills","Boundaries & Healthy Relationships","presentation",14,{"id":2603,"quizId":2604,"country":30,"lowerGrade":122,"upperGrade":122,"quizRank":34,"subject":40,"quizImage":2605,"quizName":2606,"quizType":2587,"noOfQuestions":2607,"noOfSlides":20},"6979ec3c100e21248f1214ac","5d9217ff42b14f001b98f716","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4b84db12-8026-4bfa-abc7-ce4000e0e9d3","Equivalent Fractions",20,{"id":2609,"quizId":2610,"country":30,"lowerGrade":34,"upperGrade":36,"quizRank":35,"subject":2611,"quizImage":96,"quizName":2612,"quizType":2600,"noOfQuestions":122,"noOfSlides":36},"69b14b4088b95721049fe000","69a847e1796baf064efdad76","Other","Integrity and Your Health",{"id":2614,"quizId":2615,"country":30,"lowerGrade":70,"upperGrade":70,"quizRank":35,"subject":40,"quizImage":2616,"quizName":2617,"quizType":2587,"noOfQuestions":2618,"noOfSlides":20},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":2620,"quizId":2621,"country":30,"lowerGrade":20,"upperGrade":20,"quizRank":36,"subject":42,"quizImage":2622,"quizName":2623,"quizType":2600,"noOfQuestions":37,"noOfSlides":2624},"69b14b4088b95721049fdc0f","69613c81d919d268dbfc1c15","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7b335638-f8af-4eb7-ae0b-335ffd4c6d0c-v2","FOREST Perception ",17,{"id":2626,"quizId":2627,"country":30,"lowerGrade":70,"upperGrade":70,"quizRank":2584,"subject":41,"quizImage":2628,"quizName":2629,"quizType":2587,"noOfQuestions":2607,"noOfSlides":20},"6979ec3d100e21248f1216fe","64eccefe94d91c6ecb4c2284","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b0a58fb6-f624-40ee-82b9-c684bcae7801-v2","Main Idea and Details",[2631,2639,2646,2652,2659,2665,2670,2675],{"id":2632,"quizId":2633,"country":30,"lowerGrade":2634,"upperGrade":2634,"quizRank":2635,"subject":2636,"quizImage":2637,"quizName":2638,"quizType":2587,"noOfQuestions":2607,"noOfSlides":20},"69b14b4088b95721049fe3da","654bb93d3eed7c828d3a746a",13,319,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2","Disney Trivia",{"id":2640,"quizId":2641,"country":30,"lowerGrade":2591,"upperGrade":2634,"quizRank":2642,"subject":2643,"quizImage":2644,"quizName":2645,"quizType":23,"noOfQuestions":35,"noOfSlides":20},"69a810bd0f06ee2761c3646f","67740070349735fbd179f5a9",443,"Multiple Subjects","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/90c15b41-6cb4-43f9-8c62-2da724c3728e-v2","Fragments, Run-ons, and Complete Sentences",{"id":2647,"quizId":2648,"country":30,"lowerGrade":2591,"upperGrade":2634,"quizRank":2649,"subject":2643,"quizImage":2650,"quizName":2651,"quizType":23,"noOfQuestions":35,"noOfSlides":20},"698326e45cac484667478554","6774d3dd17a63503f6089c9a",445,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/568c08c0-816d-4cb3-bca1-b3efc9606f1c-v2","Renewable and Nonrenewable Resources",{"id":2653,"quizId":2654,"country":30,"lowerGrade":2655,"upperGrade":2634,"quizRank":2656,"subject":2643,"quizImage":2657,"quizName":2658,"quizType":23,"noOfQuestions":38,"noOfSlides":20},"69a810be0f06ee2761c36975","67ad7038d422aa1c5f3a1122",11,487,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b515dcff-556f-4857-aa3f-52e0aeba8d04-v2","DNA Structure and Replication: Crash Course Biology",{"id":2660,"quizId":2661,"country":30,"lowerGrade":2591,"upperGrade":2634,"quizRank":2662,"subject":2643,"quizImage":2663,"quizName":2664,"quizType":23,"noOfQuestions":35,"noOfSlides":20},"69b14b4088b95721049fde0e","67760edf53c5d92a02a15a4f",553,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b06558d7-3ca0-4cdf-a86f-239b08485db6-v2","Force and Motion",{"id":2666,"quizId":2667,"country":30,"lowerGrade":34,"upperGrade":2634,"quizRank":2668,"subject":41,"quizImage":96,"quizName":2669,"quizType":2587,"noOfQuestions":2607,"noOfSlides":20},"699ed63cce1c5706bbc92c96","57164218b269c42616b6933e",576,"Implicit vs. Explicit ",{"id":2671,"quizId":2672,"country":30,"lowerGrade":2634,"upperGrade":2634,"quizRank":2673,"subject":2611,"quizImage":96,"quizName":2674,"quizType":2587,"noOfQuestions":2601,"noOfSlides":20},"69b14b4088b95721049fe3db","69a5f00e0d4f655248d10f4b",590,"Ch.3_TEACHER-led",{"id":2676,"quizId":2677,"country":30,"lowerGrade":68,"upperGrade":2634,"quizRank":2678,"subject":2643,"quizImage":2679,"quizName":2680,"quizType":23,"noOfQuestions":35,"noOfSlides":20},"699ed63dce1c5706bbc92e03","67773c07fd327abc930d3cd0",596,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4b5f800e-7f06-4926-8f31-4bf33e07a952-v2","Comparing Fractions",[2682,2685,2688,2691,2694,2697,2700,2703,2706,2709],{"path":2683,"display":2684},"/ela/language/conventions/usage/commonly-confused-words/use-commonly-confused-words-correctly","Use commonly confused words correctly",{"path":2686,"display":2687},"/math/statistics-and-probability/data-analysis/frequency-distribution/comparing-data-sets-using-statistics","Comparing Data Sets Using Statistics",{"path":2689,"display":2690},"/ela/language/conventions/grammar/parts-of-speech/nouns/collective","Collective",{"path":2692,"display":2693},"/science/life-science/biochemistry/biomolecules","Biomolecules",{"path":2695,"display":2696},"/math/algebra/polynomials/polynomial-theorems-and-identities/understanding-zeroes-and-factors-of-polynomials","Understanding zeroes and factors of polynomials",{"path":2698,"display":2699},"/social-studies/culture-and-society/social-organization/urban-and-rural-life","Urban and Rural Life",{"path":2701,"display":2702},"/math/statistics-and-probability/sampling-and-inference/statistical-estimation/estimating-population-mean-margin-of-error","Estimating Population Mean & Margin of Error",{"path":2704,"display":2705},"/science/biology/ecology/community-ecology/trophic-structures","Trophic structures",{"path":2707,"display":2708},"/math/number-system/operations-and-algebraic-thinking/working-with-larger-numbers/adding-within-100-with-grouping","Adding within 100 (with grouping)",{"path":2710,"display":2711},"/math/functions/function-concepts/function-operations/writing-and-interpreting-functions/interpreting-key-features-of-graphs-or-tables","Interpreting key features of graphs or tables","2026-03-16T04:28:11.340044479Z",{"success":5,"data":2714,"time":2715},{"path":96,"grade":20},"2026-03-16T04:28:11.342033346Z",{"success":5,"data":2717,"time":2779},{"quizzes":2718,"total":2778,"timeTaken":9,"experiment":10,"source":11},[2719,2729,2736,2743,2750,2757,2764,2771],{"id":2720,"isSuper":17,"type":23,"info":2721,"shouldIndex":17,"stats":2726},"67ad1f53437b391f32001776",{"grade":2722,"name":2724,"slug":2724,"image":2725},[2723,65],"0","TED-ED: Why are fish fish-shaped? - Lauren Sallan","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/508e3803-dbba-4705-93a0-87a3c8b597f7-v2",{"played":121,"totalPlayers":2727,"totalCorrect":2728,"totalQuestions":34},50,145,{"id":2730,"isSuper":17,"type":23,"info":2731,"shouldIndex":17,"stats":2735},"67b057cca1d1a01f7dd200fe",{"grade":2732,"name":2733,"slug":2733,"image":2734},[65,65],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Selectors","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/9b40bc18-5fd0-4a6e-ac0f-898fa074a95d-v2",{"totalQuestions":70},{"id":2737,"isSuper":17,"type":23,"info":2738,"shouldIndex":17,"stats":2742},"67b73bc4187a3eb8fa5869c6",{"grade":2739,"name":2740,"slug":2740,"image":2741},[65,65],"Deflation, Disinflation Become Real Market Concerns","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7ecaa6c9-958f-4f4e-94e2-cfe715a861fd-v2",{"totalQuestions":34},{"id":2744,"isSuper":17,"type":23,"info":2745,"shouldIndex":17,"stats":2749},"67afeeb1eb4c5ac603aef7b9",{"grade":2746,"name":2747,"slug":2747,"image":2748},[65,65],"What Is the Fed Doing to the Markets?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5d666a51-fd73-4559-8fc4-167563fca8b5-v2",{"totalQuestions":34},{"id":2751,"isSuper":17,"type":23,"info":2752,"shouldIndex":17,"stats":2756},"67b78f07fe37bb9e73a4c86e",{"grade":2753,"name":2754,"slug":2754,"image":2755},[65,65],"What Haven Assets Are Signaling About Stocks","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f9fa0577-f910-4beb-9cd1-a11b6070e7e6-v2",{"totalQuestions":34},{"id":2758,"isSuper":17,"type":23,"info":2759,"shouldIndex":17,"stats":2763},"67b0ae68fdd4db836f1e1803",{"grade":2760,"name":2761,"slug":2761,"image":2762},[65,65],"EU Mulls Lower Gas-Price Cap","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fcdb1180-1506-458a-8c34-69a6bd9fd5bc-v2",{"totalQuestions":34},{"id":2765,"isSuper":17,"type":23,"info":2766,"shouldIndex":17,"stats":2770},"67b024030e5aa7c44e9d2d67",{"grade":2767,"name":2768,"slug":2768,"image":2769},[65,65],"US, Japan Right Partners to Invest in the Future: Emanuel","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/57e70d71-405e-40f1-8226-733811e7942b-v2",{"totalQuestions":36},{"id":2772,"isSuper":17,"type":23,"info":2773,"shouldIndex":17,"stats":2777},"67ad3dcb4025d3401ecbc8a2",{"grade":2774,"name":2775,"slug":2775,"image":2776},[2723,65],"TED-Ed: Pazit Cahlon and Alex Gendler: What \"Machiavellian\" really means","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3012515a-b04b-4e39-9a55-38637bad0eeb-v2",{"played":68,"totalPlayers":68,"totalCorrect":68,"totalQuestions":36},15442,"2026-03-16T04:28:11.344993686Z",["Reactive",2781],{},["Set"],["ShallowReactive",2784],{"recommendations-67ae7efb10a2f1d14cec7b19-false":21,"recommendations-indexed-67ae7efb10a2f1d14cec7b19-false":21,"quiz-67ae7efb10a2f1d14cec7b19":21,"recommendations-aggregated-67ae7efb10a2f1d14cec7b19":21,"quiz-breadcrumbs-67ae7efb10a2f1d14cec7b19":21},"/admin/video-quiz/67ae7efb10a2f1d14cec7b19/the-art-of-doing-web-development-for-beginners-final-project-part-3","none"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"/undefined/undefined",sentry:{dsn:"",enabled:false},gtag:{id:""},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},da:{domain:""},nb:{domain:""},fi:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""},sw:{domain:""},uk:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"8f97bdd8-1d7a-47a4-a265-1b9e008d1b7f",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>