Switch to grid so the items lay out next to each other.

This commit is contained in:
rebuilt 2023-03-14 14:15:47 -07:00
parent 9b45b88a79
commit aeb619b84e
3 changed files with 24 additions and 23 deletions

View file

@ -18,24 +18,22 @@
<section class="bg-image children" ></section>
<section class="row bg-primary text-white py-7 justify-content-center ">
<div class="col col-sm-10 col-md-8 col-lg-7 col-xl-5">
<div class="row justify-content-center align-items-center">
<div class="grid-container grid-container-200 dynamic-content">
<%= link_to sqm_index_path, class: "grid-item text-white text-decoration-none" do %>
<div class="row justify-content-center">
<%= image_tag "guage.svg", size: "100x100" %>
<h2 class="fs-5 mt-5 mb-3 text-decoration-underline">School Quality Measures</h2>
<p>Stakeholders identify what is most important to know about school quality. Multiple measures provide a robust picture of school strengths and areas for improvement.</p>
</div>
<% end %>
<div class="dynamic-content py-5">
<%= link_to sqm_index_path, class: "row text-white text-decoration-none" do %>
<%= image_tag "guage.svg", size: "100x100" %>
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">School Quality Measures</h2>
<p>Stakeholders identify what is most important to know about school quality. Multiple measures provide a robust picture of school strengths and areas for improvement.</p>
<% end %>
<%= link_to sqm_index_path, class: "grid-item text-white text-decoration-none" do %>
<div class="row justify-content-center">
<%= image_tag "portfolio.svg", size: "100x100" %>
<h2 class="fs-5 mt-5 mb-3 text-decoration-underline">Performance Assessments</h2>
<p>Teachers lead the design of curriculum-embedded performance assessments and the scoring of student work. Students demonstrate what they know and can do through real-world application.</p>
</div>
<div class="dynamic-content py-5">
<%= link_to sqm_index_path, class: "row text-white text-decoration-none" do %>
<%= image_tag "portfolio.svg", size: "100x100" %>
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">Performance Assessments</h2>
<p>Teachers lead the design of curriculum-embedded performance assessments and the scoring of student work. Students demonstrate what they know and can do through real-world application.</p>
<% end %>
</div>
</div>
<% end %>
</div>
</section>
</div>