Web: Lesson 9 HTML Styling

Quiz

•

Business

•

11th Grade

•

Practice Problem

•

Medium

Steve Wills

Used 4+ times

FREE Resource

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the style attribute in HTML?

To add images to the webpage

To add multiple styles to a single tag

To create new HTML tags

To define the structure of the webpage

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which property is used to define the text color for a tag?

text align

font size

color

background color

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the correct syntax for setting the font size to 30 pixels using the style attribute?

font size = 30px

size-font: 30px

font-size: 30px

font-size 30px

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How many colors with names are available in HTML?

100

140

200

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the correct way to align text to the right using the style attribute?

text-align: center

text-align: left

align-text: right

text-align: right

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag can have the style attribute added to it?

</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><head></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><div></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></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-b084058d><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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">7. </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.sl0dl0bsno" 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-03396462></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-200 active:bg-wds-magenta-300 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 gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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 background color property in the style attribute?</p></h3></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-b084058d><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 set the font size for the tag</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 align the text within the tag</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 set the background color for the tag</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 define the text color for the tag</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-b084058d><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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">8. </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.zs6p8uhwr99" 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-03396462></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-200 active:bg-wds-magenta-300 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 gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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>How can multiple styles be added to a single tag using the style attribute?</p></h3></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-b084058d><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>Separate the styles with hyphens</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>Separate the styles with commas</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>Separate the styles with colons</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>Separate the styles with semicolons</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-b084058d><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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.6k8uy6687h7" 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-03396462></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-200 active:bg-wds-magenta-300 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 gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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 correct way to set the background color of a tag to yellow using the style attribute?</p></h3></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-b084058d><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: yellow</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>background-color: yellow</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>background: yellow</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>bg-color: yellow</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-b084058d><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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.1ktltwlx18z" 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-03396462></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-200 active:bg-wds-magenta-300 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 gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-b084058d><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>Where can the style attribute be added to set the background color for the entire webpage?</p></h3></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-b084058d><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><body></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><table></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><h1></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><a></p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" style="" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><div class="bg-wds-light-500 rounded-w-admin-lg shadow-w-md w-120 h-auto" style="" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><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">Create a free account and access millions of resources</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 src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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="far fa-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 src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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="far fa-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 src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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="far fa-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 src="https://cf.quizizz.com/img/logos/clever-logo.png" alt="Clever" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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="far fa-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 src="https://cf.quizizz.com/img/logos/ms-logo.png" alt="Microsoft" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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 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" style=""></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 src="https://cf.quizizz.com/img/logos/grey_key_icon.png" alt="Others" class="w-full h-full object-contain" data-testid="undefined-image" style=""></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-200 active:bg-wds-magenta-300 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="link" aria-label="Let me read it first" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent 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 w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-track="Let me read it first-ukw-button" data-v-fde55780><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 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="" data-v-8f929371><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 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="recommendations-see-more-button" data-track="View all-ukw-button"><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">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/60537419c85c07001b982727/css" data-testid="activity-recommendation-card-60537419c85c07001b982727" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CSS" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.a9fg398hz1" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">CSS</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/65c50821181b6f318033010f/html-lesson-4-links" data-testid="activity-recommendation-card-65c50821181b6f318033010f" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML: Lesson 4 Links" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.jd026o5jnm7" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML: Lesson 4 Links</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/65955339db04eb9a16ada250/intro-to-css" data-testid="activity-recommendation-card-65955339db04eb9a16ada250" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Intro to CSS" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.7mu44npeifg" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Intro to CSS</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><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-e90c0b27><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="" data-v-8f929371><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-100 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-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/6936debf7e935080f5135aba/this-is-not-awinter-edition-drawing-game" data-testid="activity-popular-resource-card-6936debf7e935080f5135aba" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="This is not a...winter edition (Drawing game)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 5 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.81hdnf0asj" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">This is not a...winter edition (Drawing game)</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>1st - 5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><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" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.o1dlvkizne" 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="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/66ea91696a6efd02276db8d5/identify-iconic-christmas-movie-scenes" data-testid="activity-popular-resource-card-66ea91696a6efd02276db8d5" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identify Iconic Christmas Movie Scenes" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.vparrbptyx9" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Identify Iconic Christmas Movie Scenes</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dfa199bd5384a001b9c0d61/christmas-trivia" data-testid="activity-popular-resource-card-5dfa199bd5384a001b9c0d61" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.n6zlppjkhfn" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/585938f55694f88766865583/kids-christmas-trivia" data-testid="activity-popular-resource-card-585938f55694f88766865583" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Kids Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 18 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.ddyhwv5cpxn" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Kids Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - 5th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/5fd79f75225737001c0ee4fc/how-well-do-you-know-your-christmas-characters" data-testid="activity-popular-resource-card-5fd79f75225737001c0ee4fc" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How well do you know your Christmas Characters?" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 11 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.fa21jvae7s" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How well do you know your Christmas Characters?</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/63a31b0749d96e001d737130/christmas-trivia" data-testid="activity-popular-resource-card-63a31b0749d96e001d737130" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.31kyeq7ot1j" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fc8233c67d42d001e20d5cf/how-the-grinch-stole-christmas" data-testid="activity-popular-resource-card-5fc8233c67d42d001e20d5cf" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How the Grinch Stole Christmas" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.ww8cje1qfgc" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How the Grinch Stole Christmas</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><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-e90c0b27><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="" data-v-8f929371><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-100 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 Business</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/presentation/5fd77385d0617d001d2eaa0f/christmas-movie-trivia" data-testid="activity-subject-resource-card-5fd77385d0617d001d2eaa0f" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Movie Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 26 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.zk4q05vzrya" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Movie Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>8th Grade - Professio...</p></div></div></div></div></div></a><a href="/admin/quiz/5fdd29bc2a606b001b4cab04/christmas-song-emoji-pictionary" data-testid="activity-subject-resource-card-5fdd29bc2a606b001b4cab04" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Song Emoji Pictionary" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.6fyvx4m4mt9" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Song Emoji Pictionary</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>7th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fd25a5a70d154001be276a8/christmas-movies" data-testid="activity-subject-resource-card-5fd25a5a70d154001be276a8" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Movies" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.e4g0r0arid" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Movies</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>1st - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/61b0be67a60776001e26ec64/christmas-movie-trivia" data-testid="activity-subject-resource-card-61b0be67a60776001e26ec64" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Movie Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.x905tp71a3r" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Movie Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/5fdd603d8dfa8d001cffd470/christmas-facts" data-testid="activity-subject-resource-card-5fdd603d8dfa8d001cffd470" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="christmas facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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"> 29 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.l2ap1pucpt" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">christmas facts</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fe2aab4d00c61001cc6ec11/christmas-trivia" data-testid="activity-subject-resource-card-5fe2aab4d00c61001cc6ec11" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.4cicuszzy89" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a4efe60b8522d1400940031/stages-of-meiosis" data-testid="activity-subject-resource-card-5a4efe60b8522d1400940031" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Stages of Meiosis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.vp1dkk1g6p" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Stages of Meiosis</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a3bf7052f695c1400d39891/christmas-songs" data-testid="activity-subject-resource-card-5a3bf7052f695c1400d39891" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="christmas songs" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><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="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.5tmx76ze9py" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">christmas songs</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></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" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><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-e90c0b27><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></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-df04e6cf><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-df04e6cf><div class="flex flex-col justify-between w-full" data-v-df04e6cf><div class="flex flex-col md:flex-row" data-v-df04e6cf><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-df04e6cf></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-df04e6cf><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-df04e6cf><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-df04e6cf><p class="text-sm font-semibold copyright text-dark-4" data-v-df04e6cf> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-df04e6cf><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-df04e6cf><i class="social-icon fab fa-twitter" data-v-df04e6cf></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-df04e6cf><i class="social-icon fab fa-facebook" data-v-df04e6cf></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-df04e6cf><i class="social-icon fab fa-instagram" data-v-df04e6cf></i></a><span class="block w-px h-5 bg-dark-5" data-v-df04e6cf></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-df04e6cf><span class="text-sm text-dark-3 hover:underline" data-v-df04e6cf><span data-v-df04e6cf>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-df04e6cf><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-df04e6cf><span data-v-df04e6cf>Get our app</span></label><div class="flex space-x-2" data-v-df04e6cf><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-df04e6cf><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-df04e6cf></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-df04e6cf><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-df04e6cf></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":714,"once":716,"_errors":717,"serverRendered":5,"path":719,"country":26,"region":720},["ShallowReactive",3],{"quiz-65cf89f16919e8777f02606e":4,"recommendations-aggregated-65cf89f16919e8777f02606e":533,"recommendations-indexed-65cf89f16919e8777f02606e-true":675,"recommendations-65cf89f16919e8777f02606e-true":700},{"success":5,"message":6,"data":7,"time":529,"meta":530},true,"Ok",{"quiz":8,"draft":17},{"isTagged":9,"isLoved":9,"tagIds":10,"stats":11,"love":16,"cloned":9,"parentDetail":17,"deleted":9,"archived":9,"lifetimeAccess":9,"draftVersion":17,"publishedVersion":18,"isShared":9,"type":19,"hidden":9,"_id":20,"createdBy":21,"info":37,"createdAt":527,"updated":528,"shouldIndex":5,"hasDraftVersion":9,"hasPublishedVersion":5,"gameChangerBadge":17,"lock":17,"isPremium":9},false,[],{"played":12,"totalPlayers":13,"totalCorrect":14,"totalQuestions":15},4,75,433,703,0,null,"65cf8a5558fd2f18b17d231b","quiz","65cf89f16919e8777f02606e",{"_id":22,"firstName":23,"lastName":24,"occupation":25,"country":26,"preferences":27,"grades":29,"subject_tags":34,"media":36},"64077d3d08da050020b23563","Steve","Wills","teacher","US",{"lang":28},"en",[30,31,32,33],10,11,12,9,[35],"Business","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/f605caf9-0a61-4ab0-89c8-de05761a7e02-v2",{"lang":38,"aiGenerated":5,"qm":39,"visibility":5,"subjects":51,"topics":52,"subtopics":53,"grade":54,"gradeLevel":17,"deleted":9,"pref":56,"traits":57,"standardIds":58,"__v":59,"meta":60,"_id":18,"name":62,"image":63,"questions":64,"questionDrafts":524,"standards":17,"courses":17,"createdAt":525,"updated":526,"isProfane":9,"whitelisted":5,"slug":62},"English",{"65cf89f1381082084c37a4eb":40,"65cf89f13810820d2c37a4e5":42,"65cf89f1381082185c37a4e8":43,"65cf89f13810825ccb37a4ea":44,"65cf89f13810827e5a37a4e9":45,"65cf89f1381082865637a4e2":46,"65cf89f1381082c32637a4e3":47,"65cf89f1381082ccd737a4e6":48,"65cf89f1381082d6cc37a4e7":49,"65cf89f1381082ee7437a4e4":50},{"time":41},30000,{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},[35],[],[],[55,55],"11",{"time":17},{"isQuizWithoutCorrectAnswer":9,"totalSlides":16,"totalComprehensionQuestions":16,"nonAnswerableQuestions":16},[],3,{"slot":30,"experiment":61},"main_main","Web: Lesson 9 HTML Styling ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b407f70f-2c3c-4256-9e61-6372dc07bc15-v2",[65,119,164,209,254,299,344,389,434,479],{"structure":66,"standards":110,"topics":111,"isSuperParent":9,"standardIds":112,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":115,"time":41,"published":5,"aiCreateMeta":116,"type":107,"createdAt":117,"updated":118},{"settings":67,"hasMath":9,"query":69,"options":76,"explain":101,"hints":106,"kind":107,"marks":108,"answer":109},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},"string",{"type":70,"hasMath":9,"math":71,"answerTime":73,"text":74,"media":75},"text",{"latex":72,"template":17},[],-1,"\u003Cp>What is the purpose of the style attribute in HTML?\u003C/p>",[],[77,83,89,95],{"type":70,"hasMath":9,"math":78,"answerTime":16,"id":80,"text":81,"media":82,"_id":80},{"latex":79,"template":17},[],"65cf89f1a1d5b5001d8e2eaf","\u003Cp>To add images to the webpage\u003C/p>",[],{"type":70,"hasMath":9,"math":84,"answerTime":16,"id":86,"text":87,"media":88,"_id":86},{"latex":85,"template":17},[],"65cf89f1a1d5b5001d8e2eb0","\u003Cp>To add multiple styles to a single tag\u003C/p>",[],{"type":70,"hasMath":9,"math":90,"answerTime":16,"id":92,"text":93,"media":94,"_id":92},{"latex":91,"template":17},[],"65cf89f1a1d5b5001d8e2eb1","\u003Cp>To create new HTML tags\u003C/p>",[],{"type":70,"hasMath":9,"math":96,"answerTime":16,"id":98,"text":99,"media":100,"_id":98},{"latex":97,"template":17},[],"65cf89f1a1d5b5001d8e2eb2","\u003Cp>To define the structure of the webpage\u003C/p>",[],{"type":70,"text":102,"media":103,"hasMath":9,"math":104,"answerTime":16},"",[],{"template":17,"latex":105},[],[],"MCQ",{"correct":109,"incorrect":16},1,[],[],[],5,2,"65cf89f1381082865637a4e2",{"questionLanguage":38},"2024-02-16T16:14:41.310Z","2025-03-26T20:07:22.274Z",{"structure":120,"standards":158,"topics":159,"isSuperParent":9,"standardIds":160,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":161,"time":41,"published":5,"aiCreateMeta":162,"type":107,"createdAt":117,"updated":163},{"settings":121,"hasMath":9,"query":122,"options":127,"explain":152,"hints":156,"kind":107,"marks":157,"answer":114},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":123,"answerTime":73,"text":125,"media":126},{"latex":124,"template":17},[],"\u003Cp>Which property is used to define the text color for a tag?\u003C/p>",[],[128,134,140,146],{"type":70,"hasMath":9,"math":129,"answerTime":16,"id":131,"text":132,"media":133,"_id":131},{"latex":130,"template":17},[],"65cf89f1a1d5b5001d8e2eb6","\u003Cp>text align\u003C/p>",[],{"type":70,"hasMath":9,"math":135,"answerTime":16,"id":137,"text":138,"media":139,"_id":137},{"latex":136,"template":17},[],"65cf89f1a1d5b5001d8e2eb7","\u003Cp>font size\u003C/p>",[],{"type":70,"hasMath":9,"math":141,"answerTime":16,"id":143,"text":144,"media":145,"_id":143},{"latex":142,"template":17},[],"65cf89f1a1d5b5001d8e2eb8","\u003Cp>color\u003C/p>",[],{"type":70,"hasMath":9,"math":147,"answerTime":16,"id":149,"text":150,"media":151,"_id":149},{"latex":148,"template":17},[],"65cf89f1a1d5b5001d8e2eb9","\u003Cp>background color\u003C/p>",[],{"type":70,"text":102,"media":153,"hasMath":9,"math":154,"answerTime":16},[],{"template":17,"latex":155},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082c32637a4e3",{"questionLanguage":38},"2025-03-26T20:07:22.284Z",{"structure":165,"standards":203,"topics":204,"isSuperParent":9,"standardIds":205,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":206,"time":41,"published":5,"aiCreateMeta":207,"type":107,"createdAt":117,"updated":208},{"settings":166,"hasMath":9,"query":167,"options":172,"explain":197,"hints":201,"kind":107,"marks":202,"answer":114},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":168,"answerTime":73,"text":170,"media":171},{"latex":169,"template":17},[],"\u003Cp>What is the correct syntax for setting the font size to 30 pixels using the style attribute?\u003C/p>",[],[173,179,185,191],{"type":70,"hasMath":9,"math":174,"answerTime":16,"id":176,"text":177,"media":178,"_id":176},{"latex":175,"template":17},[],"65cf89f1a1d5b5001d8e2ebd","\u003Cp>font size = 30px\u003C/p>",[],{"type":70,"hasMath":9,"math":180,"answerTime":16,"id":182,"text":183,"media":184,"_id":182},{"latex":181,"template":17},[],"65cf89f1a1d5b5001d8e2ebe","\u003Cp>size-font: 30px\u003C/p>",[],{"type":70,"hasMath":9,"math":186,"answerTime":16,"id":188,"text":189,"media":190,"_id":188},{"latex":187,"template":17},[],"65cf89f1a1d5b5001d8e2ebf","\u003Cp>font-size: 30px\u003C/p>",[],{"type":70,"hasMath":9,"math":192,"answerTime":16,"id":194,"text":195,"media":196,"_id":194},{"latex":193,"template":17},[],"65cf89f1a1d5b5001d8e2ec0","\u003Cp>font-size 30px\u003C/p>",[],{"type":70,"text":102,"media":198,"hasMath":9,"math":199,"answerTime":16},[],{"template":17,"latex":200},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082ee7437a4e4",{"questionLanguage":38},"2025-03-26T20:07:22.297Z",{"structure":210,"standards":248,"topics":249,"isSuperParent":9,"standardIds":250,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":251,"time":41,"published":5,"aiCreateMeta":252,"type":107,"createdAt":117,"updated":253},{"settings":211,"hasMath":9,"query":212,"options":217,"explain":242,"hints":246,"kind":107,"marks":247,"answer":114},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":213,"answerTime":73,"text":215,"media":216},{"latex":214,"template":17},[],"\u003Cp>How many colors with names are available in HTML?\u003C/p>",[],[218,224,230,236],{"type":70,"hasMath":9,"math":219,"answerTime":16,"id":221,"text":222,"media":223,"_id":221},{"latex":220,"template":17},[],"65cf89f1a1d5b5001d8e2ec4","\u003Cp>50\u003C/p>",[],{"type":70,"hasMath":9,"math":225,"answerTime":16,"id":227,"text":228,"media":229,"_id":227},{"latex":226,"template":17},[],"65cf89f1a1d5b5001d8e2ec5","\u003Cp>100\u003C/p>",[],{"type":70,"hasMath":9,"math":231,"answerTime":16,"id":233,"text":234,"media":235,"_id":233},{"latex":232,"template":17},[],"65cf89f1a1d5b5001d8e2ec6","\u003Cp>140\u003C/p>",[],{"type":70,"hasMath":9,"math":237,"answerTime":16,"id":239,"text":240,"media":241,"_id":239},{"latex":238,"template":17},[],"65cf89f1a1d5b5001d8e2ec7","\u003Cp>200\u003C/p>",[],{"type":70,"text":102,"media":243,"hasMath":9,"math":244,"answerTime":16},[],{"template":17,"latex":245},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f13810820d2c37a4e5",{"questionLanguage":38},"2025-03-26T20:07:22.305Z",{"structure":255,"standards":293,"topics":294,"isSuperParent":9,"standardIds":295,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":296,"time":41,"published":5,"aiCreateMeta":297,"type":107,"createdAt":117,"updated":298},{"settings":256,"hasMath":9,"query":257,"options":262,"explain":287,"hints":291,"kind":107,"marks":292,"answer":59},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":258,"answerTime":73,"text":260,"media":261},{"latex":259,"template":17},[],"\u003Cp>What is the correct way to align text to the right using the style attribute?\u003C/p>",[],[263,269,275,281],{"type":70,"hasMath":9,"math":264,"answerTime":16,"id":266,"text":267,"media":268,"_id":266},{"latex":265,"template":17},[],"65cf89f1a1d5b5001d8e2ecb","\u003Cp>text-align: center\u003C/p>",[],{"type":70,"hasMath":9,"math":270,"answerTime":16,"id":272,"text":273,"media":274,"_id":272},{"latex":271,"template":17},[],"65cf89f1a1d5b5001d8e2ecc","\u003Cp>text-align: left\u003C/p>",[],{"type":70,"hasMath":9,"math":276,"answerTime":16,"id":278,"text":279,"media":280,"_id":278},{"latex":277,"template":17},[],"65cf89f1a1d5b5001d8e2ecd","\u003Cp>align-text: right\u003C/p>",[],{"type":70,"hasMath":9,"math":282,"answerTime":16,"id":284,"text":285,"media":286,"_id":284},{"latex":283,"template":17},[],"65cf89f1a1d5b5001d8e2ece","\u003Cp>text-align: right\u003C/p>",[],{"type":70,"text":102,"media":288,"hasMath":9,"math":289,"answerTime":16},[],{"template":17,"latex":290},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082ccd737a4e6",{"questionLanguage":38},"2025-03-26T20:07:22.315Z",{"structure":300,"standards":338,"topics":339,"isSuperParent":9,"standardIds":340,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":341,"time":41,"published":5,"aiCreateMeta":342,"type":107,"createdAt":117,"updated":343},{"settings":301,"hasMath":9,"query":302,"options":307,"explain":332,"hints":336,"kind":107,"marks":337,"answer":59},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":303,"answerTime":73,"text":305,"media":306},{"latex":304,"template":17},[],"\u003Cp>Which tag can have the style attribute added to it?\u003C/p>",[],[308,314,320,326],{"type":70,"hasMath":9,"math":309,"answerTime":16,"id":311,"text":312,"media":313,"_id":311},{"latex":310,"template":17},[],"65cf89f1a1d5b5001d8e2ed2","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":70,"hasMath":9,"math":315,"answerTime":16,"id":317,"text":318,"media":319,"_id":317},{"latex":316,"template":17},[],"65cf89f1a1d5b5001d8e2ed3","\u003Cp>\u003Chead>\u003C/p>",[],{"type":70,"hasMath":9,"math":321,"answerTime":16,"id":323,"text":324,"media":325,"_id":323},{"latex":322,"template":17},[],"65cf89f1a1d5b5001d8e2ed4","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":70,"hasMath":9,"math":327,"answerTime":16,"id":329,"text":330,"media":331,"_id":329},{"latex":328,"template":17},[],"65cf89f1a1d5b5001d8e2ed5","\u003Cp>\u003C/p>",[],{"type":70,"text":102,"media":333,"hasMath":9,"math":334,"answerTime":16},[],{"template":17,"latex":335},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082d6cc37a4e7",{"questionLanguage":38},"2025-03-26T20:07:22.323Z",{"structure":345,"standards":383,"topics":384,"isSuperParent":9,"standardIds":385,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":386,"time":41,"published":5,"aiCreateMeta":387,"type":107,"createdAt":117,"updated":388},{"settings":346,"hasMath":9,"query":347,"options":352,"explain":377,"hints":381,"kind":107,"marks":382,"answer":114},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":348,"answerTime":73,"text":350,"media":351},{"latex":349,"template":17},[],"\u003Cp>What is the purpose of the background color property in the style attribute?\u003C/p>",[],[353,359,365,371],{"type":70,"hasMath":9,"math":354,"answerTime":16,"id":356,"text":357,"media":358,"_id":356},{"latex":355,"template":17},[],"65cf89f1a1d5b5001d8e2ed9","\u003Cp>To set the font size for the tag\u003C/p>",[],{"type":70,"hasMath":9,"math":360,"answerTime":16,"id":362,"text":363,"media":364,"_id":362},{"latex":361,"template":17},[],"65cf89f1a1d5b5001d8e2eda","\u003Cp>To align the text within the tag\u003C/p>",[],{"type":70,"hasMath":9,"math":366,"answerTime":16,"id":368,"text":369,"media":370,"_id":368},{"latex":367,"template":17},[],"65cf89f1a1d5b5001d8e2edb","\u003Cp>To set the background color for the tag\u003C/p>",[],{"type":70,"hasMath":9,"math":372,"answerTime":16,"id":374,"text":375,"media":376,"_id":374},{"latex":373,"template":17},[],"65cf89f1a1d5b5001d8e2edc","\u003Cp>To define the text color for the tag\u003C/p>",[],{"type":70,"text":102,"media":378,"hasMath":9,"math":379,"answerTime":16},[],{"template":17,"latex":380},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082185c37a4e8",{"questionLanguage":38},"2025-03-26T20:07:22.330Z",{"structure":390,"standards":428,"topics":429,"isSuperParent":9,"standardIds":430,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":431,"time":41,"published":5,"aiCreateMeta":432,"type":107,"createdAt":117,"updated":433},{"settings":391,"hasMath":9,"query":392,"options":397,"explain":422,"hints":426,"kind":107,"marks":427,"answer":59},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":393,"answerTime":73,"text":395,"media":396},{"latex":394,"template":17},[],"\u003Cp>How can multiple styles be added to a single tag using the style attribute?\u003C/p>",[],[398,404,410,416],{"type":70,"hasMath":9,"math":399,"answerTime":16,"id":401,"text":402,"media":403,"_id":401},{"latex":400,"template":17},[],"65cf89f1a1d5b5001d8e2ee0","\u003Cp>Separate the styles with hyphens\u003C/p>",[],{"type":70,"hasMath":9,"math":405,"answerTime":16,"id":407,"text":408,"media":409,"_id":407},{"latex":406,"template":17},[],"65cf89f1a1d5b5001d8e2ee1","\u003Cp>Separate the styles with commas\u003C/p>",[],{"type":70,"hasMath":9,"math":411,"answerTime":16,"id":413,"text":414,"media":415,"_id":413},{"latex":412,"template":17},[],"65cf89f1a1d5b5001d8e2ee2","\u003Cp>Separate the styles with colons\u003C/p>",[],{"type":70,"hasMath":9,"math":417,"answerTime":16,"id":419,"text":420,"media":421,"_id":419},{"latex":418,"template":17},[],"65cf89f1a1d5b5001d8e2ee3","\u003Cp>Separate the styles with semicolons\u003C/p>",[],{"type":70,"text":102,"media":423,"hasMath":9,"math":424,"answerTime":16},[],{"template":17,"latex":425},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f13810827e5a37a4e9",{"questionLanguage":38},"2025-03-26T20:07:22.338Z",{"structure":435,"standards":473,"topics":474,"isSuperParent":9,"standardIds":475,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":476,"time":41,"published":5,"aiCreateMeta":477,"type":107,"createdAt":117,"updated":478},{"settings":436,"hasMath":9,"query":437,"options":442,"explain":467,"hints":471,"kind":107,"marks":472,"answer":109},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":438,"answerTime":73,"text":440,"media":441},{"latex":439,"template":17},[],"\u003Cp>What is the correct way to set the background color of a tag to yellow using the style attribute?\u003C/p>",[],[443,449,455,461],{"type":70,"hasMath":9,"math":444,"answerTime":16,"id":446,"text":447,"media":448,"_id":446},{"latex":445,"template":17},[],"65cf89f1a1d5b5001d8e2ee7","\u003Cp>color: yellow\u003C/p>",[],{"type":70,"hasMath":9,"math":450,"answerTime":16,"id":452,"text":453,"media":454,"_id":452},{"latex":451,"template":17},[],"65cf89f1a1d5b5001d8e2ee8","\u003Cp>background-color: yellow\u003C/p>",[],{"type":70,"hasMath":9,"math":456,"answerTime":16,"id":458,"text":459,"media":460,"_id":458},{"latex":457,"template":17},[],"65cf89f1a1d5b5001d8e2ee9","\u003Cp>background: yellow\u003C/p>",[],{"type":70,"hasMath":9,"math":462,"answerTime":16,"id":464,"text":465,"media":466,"_id":464},{"latex":463,"template":17},[],"65cf89f1a1d5b5001d8e2eea","\u003Cp>bg-color: yellow\u003C/p>",[],{"type":70,"text":102,"media":468,"hasMath":9,"math":469,"answerTime":16},[],{"template":17,"latex":470},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f13810825ccb37a4ea",{"questionLanguage":38},"2025-03-26T20:07:22.347Z",{"structure":480,"standards":518,"topics":519,"isSuperParent":9,"standardIds":520,"aiGenerated":5,"__v":113,"teleportFrom":17,"cloned":17,"ver":114,"parent":17,"_id":521,"time":41,"published":5,"aiCreateMeta":522,"type":107,"createdAt":117,"updated":523},{"settings":481,"hasMath":9,"query":482,"options":487,"explain":512,"hints":516,"kind":107,"marks":517,"answer":16},{"hasCorrectAnswer":5,"fibDataType":68,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":70,"hasMath":9,"math":483,"answerTime":73,"text":485,"media":486},{"latex":484,"template":17},[],"\u003Cp>Where can the style attribute be added to set the background color for the entire webpage?\u003C/p>",[],[488,494,500,506],{"type":70,"hasMath":9,"math":489,"answerTime":16,"id":491,"text":492,"media":493,"_id":491},{"latex":490,"template":17},[],"65cf89f1a1d5b5001d8e2eee","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":70,"hasMath":9,"math":495,"answerTime":16,"id":497,"text":498,"media":499,"_id":497},{"latex":496,"template":17},[],"65cf89f1a1d5b5001d8e2eef","\u003Cp>\u003Ctable>\u003C/p>",[],{"type":70,"hasMath":9,"math":501,"answerTime":16,"id":503,"text":504,"media":505,"_id":503},{"latex":502,"template":17},[],"65cf89f1a1d5b5001d8e2ef0","\u003Cp>\u003Ch1>\u003C/p>",[],{"type":70,"hasMath":9,"math":507,"answerTime":16,"id":509,"text":510,"media":511,"_id":509},{"latex":508,"template":17},[],"65cf89f1a1d5b5001d8e2ef1","\u003Cp>\u003Ca>\u003C/p>",[],{"type":70,"text":102,"media":513,"hasMath":9,"math":514,"answerTime":16},[],{"template":17,"latex":515},[],[],{"correct":109,"incorrect":16},[],[],[],"65cf89f1381082084c37a4eb",{"questionLanguage":38},"2025-03-26T20:07:22.374Z",[],"2024-02-16T16:16:21.973Z","2025-03-10T18:46:11.422Z","2024-02-16T16:14:41.251Z","2025-12-09T15:58:10.843Z","2025-12-25T22:00:55.489Z",{"service":531,"version":532},"quizserver","e5b946646b97962c6484e21db85d4cb2ac51cc5d",{"success":5,"data":534,"time":674},{"countryBasedRecommendations":535,"subjectBasedRecommendations":591,"subjectBasedQualifiers":643},[536,542,550,558,566,572,579,585],{"id":537,"quizId":538,"country":26,"lowerGrade":109,"upperGrade":113,"quizRank":113,"subject":539,"quizImage":540,"quizName":541,"quizType":19,"noOfQuestions":113,"noOfSlides":16},"69428d41d5d5fe58ad6bbfd2","6936debf7e935080f5135aba","Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1f813067-f4c6-4f6e-958f-506e31fe5069-v2","This is not a...winter edition (Drawing game)",{"id":543,"quizId":544,"country":26,"lowerGrade":113,"upperGrade":113,"quizRank":545,"subject":546,"quizImage":547,"quizName":548,"quizType":19,"noOfQuestions":549,"noOfSlides":16},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4",7,"Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":551,"quizId":552,"country":26,"lowerGrade":553,"upperGrade":30,"quizRank":554,"subject":546,"quizImage":555,"quizName":556,"quizType":557,"noOfQuestions":30,"noOfSlides":16},"69428d41d5d5fe58ad6bc303","66ea91696a6efd02276db8d5",6,18,"https://i3.ytimg.com/vi/aFI62Ogo6jE/default.jpg","Identify Iconic Christmas Movie Scenes","video-quiz",{"id":559,"quizId":560,"country":26,"lowerGrade":553,"upperGrade":561,"quizRank":562,"subject":38,"quizImage":563,"quizName":564,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"693952bf7d127d0f6b38b40c","5dfa199bd5384a001b9c0d61",8,19,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/507ce352-67df-4aa0-911a-e53736ca1fb5","Christmas Trivia",20,{"id":567,"quizId":568,"country":26,"lowerGrade":16,"upperGrade":113,"quizRank":549,"subject":569,"quizImage":570,"quizName":571,"quizType":19,"noOfQuestions":554,"noOfSlides":16},"693018419b5f2019f0e05165","585938f55694f88766865583","Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/aac305c6-68f9-4a21-918d-c83cf1161b2e","Kids Christmas Trivia",{"id":573,"quizId":574,"country":26,"lowerGrade":59,"upperGrade":59,"quizRank":575,"subject":38,"quizImage":576,"quizName":577,"quizType":578,"noOfQuestions":31,"noOfSlides":109},"69428d41d5d5fe58ad6bbe8c","5fd79f75225737001c0ee4fc",26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f41decca-91c0-4173-8465-6b96d8172b8d","How well do you know your Christmas Characters?","presentation",{"id":580,"quizId":581,"country":26,"lowerGrade":113,"upperGrade":113,"quizRank":575,"subject":582,"quizImage":583,"quizName":564,"quizType":19,"noOfQuestions":584,"noOfSlides":16},"693952bf7d127d0f6b38b1ff","63a31b0749d96e001d737130","Arts","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/dbe36759-b320-4a7b-9c6b-cb420fe714cb",14,{"id":586,"quizId":587,"country":26,"lowerGrade":113,"upperGrade":113,"quizRank":588,"subject":569,"quizImage":589,"quizName":590,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"69428d41d5d5fe58ad6bbfab","5fc8233c67d42d001e20d5cf",27,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b8242897-9a08-4b7d-9065-a2515eda8874","How the Grinch Stole Christmas",[592,598,605,611,616,623,628,635],{"id":593,"quizId":594,"country":26,"lowerGrade":561,"upperGrade":584,"quizRank":595,"subject":569,"quizImage":596,"quizName":597,"quizType":578,"noOfQuestions":575,"noOfSlides":109},"693952bf7d127d0f6b38b776","5fd77385d0617d001d2eaa0f",63,"https://quizizz.com/media/resource/gs/quizizz-media/questions/be1b56f7-49be-4d9f-883a-ceb6a035e096","Christmas Movie Trivia",{"id":599,"quizId":600,"country":26,"lowerGrade":545,"upperGrade":32,"quizRank":601,"subject":569,"quizImage":602,"quizName":603,"quizType":19,"noOfQuestions":604,"noOfSlides":16},"694bc7bb809527294d83a7e1","5fdd29bc2a606b001b4cab04",64,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8ed332fa-4986-4e72-bb3e-c61c1b5a377d","Christmas Song Emoji Pictionary",15,{"id":606,"quizId":607,"country":26,"lowerGrade":109,"upperGrade":32,"quizRank":608,"subject":539,"quizImage":609,"quizName":610,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"694bc7bb809527294d83a65d","5fd25a5a70d154001be276a8",72,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/5b421a0d-7593-4cbf-959f-3d381f30cf6b","Christmas Movies",{"id":612,"quizId":613,"country":26,"lowerGrade":33,"upperGrade":32,"quizRank":614,"subject":569,"quizImage":615,"quizName":597,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"69428d41d5d5fe58ad6bc3f5","61b0be67a60776001e26ec64",110,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/271f5cc8-b01b-4b87-9fad-c19038bad22c",{"id":617,"quizId":618,"country":26,"lowerGrade":113,"upperGrade":32,"quizRank":619,"subject":569,"quizImage":620,"quizName":621,"quizType":578,"noOfQuestions":622,"noOfSlides":109},"694bc7bb809527294d83a7c4","5fdd603d8dfa8d001cffd470",133,"https://cf.quizizz.com/img/presentation/default-img/presentation_title_img-1_default.jpg","christmas facts",29,{"id":624,"quizId":625,"country":26,"lowerGrade":113,"upperGrade":32,"quizRank":626,"subject":569,"quizImage":627,"quizName":564,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"693952c07d127d0f6b38b7f8","5fe2aab4d00c61001cc6ec11",149,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/0fb30906-afe6-4e8a-9913-91e02da2edd3",{"id":629,"quizId":630,"country":26,"lowerGrade":33,"upperGrade":32,"quizRank":631,"subject":632,"quizImage":633,"quizName":634,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"693952bf7d127d0f6b38b7ce","5a4efe60b8522d1400940031",180,"Biology","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVvM0hwNGVBbFpENFVTc1psMFQ2ODRjdUpjRnNsZk9oMHFlak5vam9xbENqbXVzdlZXeUh2Yl9aY3lma0l2Z08yUjFzbDRfeFZ0R1NmRnlKME9FdlVSUE5xMnNNR2NKYkFfa1RKaFVodUI3LWVLTDVLay44UnY3RW1HbV9BcWFaeFc1","Stages of Meiosis",{"id":636,"quizId":637,"country":26,"lowerGrade":16,"upperGrade":638,"quizRank":639,"subject":640,"quizImage":641,"quizName":642,"quizType":19,"noOfQuestions":565,"noOfSlides":16},"694bc7bb809527294d83a63f","5a3bf7052f695c1400d39891",13,182,"Multiple Subjects","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVxVVlhRHVFUmk3R2tSUlN6UC1tZm96ZktPLUl4RFBqSFFoVHdkMldZZW9WWFZOS1ZyMXVUWGp6cTJrRFJucU05SHFJelFMbGxuVEh1UG5TOGlYSkpCTlNJeUNHWFI5Vlc2aENqX2hYT21fZ1NTTkMzTS44RmplZVJXcWVGYUdKYk9u","christmas songs",[644,647,650,653,656,659,662,665,668,671],{"path":645,"display":646},"/math/statistics-and-probability/probability/basic-probability-concepts/understanding-and-applying-conditional-probability/finding-the-conditional-probability-of-one-event-given-another-event","Finding the conditional probability of one event given another event",{"path":648,"display":649},"/science/scientific-practices/scientific-tools-and-measurement/measuring-with-tools","Measuring with tools",{"path":651,"display":652},"/math/geometry/geometric-modeling","Geometric Modeling",{"path":654,"display":655},"/ela/research-and-media-literacy/digital-literacy/digital-creation/design-multimedia-presentations","Design multimedia presentations",{"path":657,"display":658},"/social-studies/world-history/contemporary-world-1900-present/globalization/environmental-challenges","Environmental Challenges",{"path":660,"display":661},"/science/life-science/growth-and-development/heredity/match-plants-to-their-parents","Match plants to their parents",{"path":663,"display":664},"/science/scientific-practices/scientific-investigation-process/scientific-method/analyzing-data","Analyzing data",{"path":666,"display":667},"/math/functions/advanced-functions/advanced-function-analysis/applying-and-analysing-functions/solving-real-world-problems-involving-functions-including-modelling","Solving real-world problems involving functions (including modelling)",{"path":669,"display":670},"/social-studies/american-culture/social-organization/urban-and-rural-life","Urban and Rural Life",{"path":672,"display":673},"/math/mathematical-practices/mathematical-communication/representing-mathematical-ideas","Representing mathematical ideas","2025-12-25T22:00:55.558957873Z",{"success":5,"data":676,"time":699},{"quizzes":677,"total":561,"timeTaken":696,"experiment":697,"source":698},[678,685,691],{"id":679,"isSuper":9,"type":19,"info":680,"shouldIndex":9,"stats":682},"60537419c85c07001b982727",{"name":681,"slug":681},"CSS",{"played":114,"totalPlayers":683,"totalCorrect":684},16,112,{"id":686,"isSuper":9,"type":19,"info":687,"shouldIndex":9,"stats":690},"65c50821181b6f318033010f",{"name":688,"slug":688,"image":689},"HTML: Lesson 4 Links","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/30747221-f406-4792-81af-212c22b8650a-v2",{},{"id":692,"isSuper":9,"type":19,"info":693,"shouldIndex":9,"stats":695},"65955339db04eb9a16ada250",{"name":694,"slug":694},"Intro to CSS",{},47,"quizPageRecoGNN","gnn_model_service","2025-12-25T22:00:55.578220105Z",{"success":5,"data":701,"time":713},{"quizzes":702,"total":561,"timeTaken":712,"experiment":697,"source":698},[703,706,709],{"id":679,"isSuper":9,"type":19,"info":704,"shouldIndex":9,"stats":705},{"name":681,"slug":681},{"played":114,"totalPlayers":683,"totalCorrect":684},{"id":686,"isSuper":9,"type":19,"info":707,"shouldIndex":9,"stats":708},{"name":688,"slug":688,"image":689},{},{"id":692,"isSuper":9,"type":19,"info":710,"shouldIndex":9,"stats":711},{"name":694,"slug":694},{},46,"2025-12-25T22:00:55.577750545Z",["Reactive",715],{},["Set"],["ShallowReactive",718],{"recommendations-65cf89f16919e8777f02606e-true":17,"recommendations-indexed-65cf89f16919e8777f02606e-true":17,"quiz-65cf89f16919e8777f02606e":17,"recommendations-aggregated-65cf89f16919e8777f02606e":17},"/admin/quiz/65cf89f16919e8777f02606e/web-lesson-9-html-styling","none"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},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:"b7b81cd1-7a00-421a-aba4-73a2f8798c0f",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>