Можно ли в данной ситуации переместить кнопку в самый конец всего контейнера?

Question

[Максим Иванов]

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

При разрешении экрана 768 и ниже, возможно ли перенести кнопку "Посмотреть все проекты" в самый конец контейнера (после карточек)?

Answer 1

[purr-purr]

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

Answer 2

[r_g_b_a]

<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%;
	}
}