diff --git a/output/style.css b/output/style.css index dffa457..f4f6eaa 100644 --- a/output/style.css +++ b/output/style.css @@ -18,10 +18,25 @@ .featured img { width: auto; height: auto; + max-width: 40%; max-height: 30vh; } .featured hgroup { flex-grow: 1; padding-left: 20px; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + + .featured header { + flex-direction: column; + align-items: center; + } + + .featured hgroup { + padding-left: 0; + padding-top: 20px; + } } \ No newline at end of file