Finimalism [Updated for 10.11.X]

[2020]

Hi mate youre using very old versions of finimalism and the featured content bar, make sure you update your css import and copy the latest home-html snippet and download the latest spotlight.html

Code:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");

download - spotlight.html

latest home-html.chunk.js -

Code:

"use strict";
(self.webpackChunk = self.webpackChunk || []).push([[8372], {
  5939: function (a, e, t) {
    t.r(e);
    e.default = `
<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true"
  class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs"
  data-backdroptype="movie,series,book">

  <style>
    .featurediframe {
      width: 100vw; height: 100vh; display: block; border: 0;
      margin: 0 auto; margin-bottom: -26em; margin-top: -3.5em;
      transition: height 300ms ease, margin 300ms ease;
    }
    @media (min-width: 951px) and (min-height: 700px) {
      .featurediframe { min-height: 70em; }
    }
    @media (max-width: 1000px) and (orientation: portrait) {
      .featurediframe { height: 25em; margin-bottom: -1em; }
    }
    @media (max-width: 1000px) and (orientation: landscape) {
      .featurediframe { height: 26em; margin-bottom: -1em; }
    }
    @media (max-width: 421px) and (orientation: portrait) {
      .featurediframe { height: 100vh; margin-bottom: -28em; margin-top: -6.5em; }
    }
    @media (max-height: 421px) and (orientation: landscape) {
      .featurediframe { height: 100vh; margin-bottom: -6em; margin-top: -6.5em; }
    }
  </style>

  <div class="tabContent pageTabContent" id="homeTab" data-index="0">
    <iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe>
    <div class="sections"></div>
  </div>

  <div class="tabContent pageTabContent" id="favoritesTab" data-index="1">
    <div class="sections"></div>
  </div>

</div>`;
  }
}]);

document.addEventListener("DOMContentLoaded", () => {
  const homeTab = document.getElementById("homeTab");
  if (!homeTab) return;

  const spotlightIframe = homeTab.querySelector(".featurediframe");
  if (!spotlightIframe) return;

  const observer = new MutationObserver(() => {
    const isHomeTabActive = homeTab.classList.contains("is-active");
    spotlightIframe.style.display = isHomeTabActive ? "block" : "none";
  });

  observer.observe(homeTab, { attributes: true, attributeFilter: ["class"] });
});

Hi Mate how are you,
 
I'm using the latest 11, the image attaged is a example,  I just want it to look more like  finimalism7.
I also want to increase the size of the categories, they look too small, they are same size as the width of the posters, I want them the same size as default ones.


finimalism 11 by default leaves one row empty, as you can see from the image, but the code you provided above fixes this.
2. is it possible to increase the size of the my media section, they look tiny and unbalanced compared to the rest. 
3. is it possible to make the design slightly more like finimalism7 with banner above, logo in the middle and poster on the side.