/*
 * This file is part of the UX SDC Bundle
 *
 * (c) Jozef Môstka <https://github.com/tito10047/ux-sdc>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

/* Styles for Result component */
@layer components {
	.homepage-results{
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
        gap: var(--space-lg);
        margin-bottom: var(--space-2xl);

        @media (min-width: 640px) {
            grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        }
	}
}