Is it possible in this situation to move the button to the very end of the entire container?

Question

css

https://codepen.io/roderen/pen/OJbJeQO?editors=1100

With a screen resolution of 768 and below, is it possible to move the "View all projects" button to the very end of the container (after the cards)?

Answer 1

@media (max-width: 768px) {
 .house-projects {
   position: relative;
   padding-bottom: 100px;
 }
 .all-projects {
   position: absolute;
   bottom: 0;
   left: 0;
 }
}

Answer 2

<div class="house-projects">
  <h3 class="project-title"></h3>
  <div class="projects-cards"></div>
  <a class="all-projects" href=""></a>
</div>

@media (min-width: 768px) {
  .house-projects {
    display: flex;
    flex-wrap: wrap;
  }
  .all-projects {
    order: 1;
    width: 100%;
  }
}