<turbo-stream action="replace" target="standards_and_competencies_tag_design_28978"><template>
  <div id=standards_and_competencies_tag_design_28978 class="flex flex-wrap gap-2 pt-3 lg:items-center justify-start">
            <div class="bg-blue-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Common Core • Mathematics • CCSS.Math.Content.HSG-MG.A.3 • Apply geometric methods to solve design problems (e.g., designing an object or structure to satisfy physical constraints or minimize cost; working with typographic grid systems based on ratios).">
                CCSS.Math.Content.HSG-MG.A.3
            </div>
            <div class="bg-blue-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Common Core • Mathematics • CCSS.Math.Content.HSF-IF.B.4 • For a function that models a relationship between two quantities, interpret key features of graphs and tables in terms of the quantities, and sketch graphs showing key features given a verbal description of the relationship.">
                CCSS.Math.Content.HSF-IF.B.4
            </div>
            <div class="bg-blue-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Common Core • Functions • CCSS.Math.Content.HSF-IF.B.4 • For a function that models a relationship between two quantities, interpret key features of graphs and tables in terms of the quantities, and sketch graphs showing key features given a verbal description of the relationship.">
                CCSS.Math.Content.HSF-IF.B.4
            </div>
            <div class="bg-blue-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Common Core • Geometry • CCSS.Math.Content.HSG-MG.A.3 • Apply geometric methods to solve design problems (e.g., designing an object or structure to satisfy physical constraints or minimize cost; working with typographic grid systems based on ratios).">
                CCSS.Math.Content.HSG-MG.A.3
            </div>
            <div class="bg-blue-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Common Core • Functions • CCSS.Math.Practice.MP4 • Model with mathematics.">
                CCSS.Math.Practice.MP4
            </div>
            <div class="bg-green-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Deeper Learning Competencies • Effective Communication  - Students practice listening to understand, communicating with empathy, and share their learning through exhibiting, presenting and reflecting on their work.">
                Effective Communication
            </div>
            <div class="bg-green-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Deeper Learning Competencies • Critical Thinking &amp; Problem Solving  - Students consider a variety of innovative approaches to address and understand complex questions that are authentic and important to their communities.">
                Critical Thinking &amp; Problem Solving
            </div>
            <div class="bg-green-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Deeper Learning Competencies • Collaboration  - Students co-design projects with peers, exercise shared-decision making, strengthen relational agency, resolve conflict, and assume leadership roles.">
                Collaboration
            </div>
            <div class="bg-green-100 rounded-xl p-1 px-1.5 max-w-fit text-xs"
                 data-controller="tooltip"
                 data-tippy-content="Deeper Learning Competencies • Content Expertise  - Students develop key competencies, skills, and dispositions with ample opportunities to apply knowledge and engage in work that matters to them.">
                Content Expertise
            </div>
        <a data-turbo-stream="true" class="text-[#161a23] text-md" href="/designs/28978/standards_and_competencies_tag?link_text=less">
            less
</a></div>

</template></turbo-stream>