(chore): Reduce featured content first tile size (feddf50e) · Commits · Minds / Minds Frontend

src/app/modules/pro/channel/home/home.component.html

+4 −1

Original line number	Diff line number	Diff line
		@@ -6,7 +6,10 @@
		></m-pro--channel--categories>

		<div class="m-proChannelHome__section" *ngIf="featuredContent?.length">
		<div class="m-proChannelHome__featuredContent">
		<div
		class="m-proChannelHome__featuredContent"
		[class.m-proChannelHome__featuredContent--prominent]="false"
		>
		<m-pro--channel-tile
		*ngFor="let entity of featuredContent"
		[entity]="entity"

+7 −5

Original line number	Diff line number	Diff line
		@@ -56,18 +56,20 @@ m-proChannel__home {
		.m-proChannelHome__featuredContent {
		grid-template-columns: repeat(2, 1fr);

		*:nth-child(1) {
		grid-column: span 2;
		}

		@media screen and (max-width: $max-mobile) {
		grid-template-columns: 100%;
		}

		&.m-proChannelHome__featuredContent--prominent {
		*:nth-child(1) {
		grid-column: span 2;

		@media screen and (max-width: $max-mobile) {
		grid-column: initial;
		}
		}
		}
		}

		.m-proChannelHome__categoryContent {
		grid-template-columns: repeat(2, 1fr);