new style for featured

output/style.css

@@ -1,6 +1,27 @@
-.featured-title {
+.featured main {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.featured hgroup {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
+
+.featured header {
+    display: flex;
+    align-items: center;
+}
+
+.featured img {
+    width: auto;
+    height: auto;
+    max-height: 30vh;
+}
+
+.featured hgroup {
+    flex-grow: 1;
+    padding-left: 20px;
+}

src/index_generator.rs

@@ -62,10 +62,10 @@ fn create_featured_card(entry: &Entry) -> Markup {
     let main_url = utilities::get_root_url(link.href.as_str());
 
     html! {
-        article {
+        article class="featured" {
-            header class="grid"  {
+            header  {
                 img src=(image_url) alt="Entry image";
-                hgroup class="featured-title" {
+                hgroup {
                     h2 { (title) }
                     a href=(format!("http://{}", main_url)) { (main_url) }
                 }