The styling for the Vidazoo player container is set to take the full width of the screen, with a dynamic height calculated using the formula (1110px – 360px – 16px) * 9 / 16, resulting in a black background. An additional style rule specifies a different height calculation for the container, using 685px * 9 / 16 as the basis for the height. When the screen width is 768 pixels or less, several custom properties are introduced to adjust the top offset of the floating player within the Vidazoo container. These offsets are dependent on whether the top header or primary navigation is present on the page, and they are calculated using CSS variables. The floating player’s top position is set using these variables, and additional margins are applied to the Vidazoo player container.
In media queries targeting screens with a maximum width of 768 pixels, the styling for various elements is adjusted. The Vidazoo container has its floating player top offset set to zero, and additional rules are applied when the body has a top header or primary navigation, adjusting the top offset accordingly. The Vidazoo container within the .sk-widget class is given a margin at the top and bottom. The player container’s height is also recalculated based on the viewport width, maintaining a 16:9 aspect ratio, with additional margins applied at the top and bottom.
The polls carousel is designed to be a horizontally scrolling flex container, with the preview card holder styled with rounded corners at the top and set dimensions. The March Madness logo is positioned absolutely within this context. The poll content includes a top section with flex layout, a date and time display with specific styling, and a question section. The poll options have hover and selected states with distinct border styling, and answered options are styled differently to indicate they are no longer interactive. Text within the poll options is styled for emphasis, with percentages highlighted in a bold font.
The bets-today section is styled as a flex container with a specific height and border styling, including a background color. Logos and images within this section are styled with no background and specific dimensions. The experts data is presented in a white flex container with a border, with individual items displaying an expert’s image and information about their win percentage and record. The left and right sections of the bets-today div are styled for alignment and text presentation. A call-to-action button is prominently styled with a red background and white text.
Finally, under the same media query for maximum width of 768 pixels, adjustments are made to the styling of the preview card holder, the March Madness logo, the poll match date and time, and the poll card content. The bets-today section is adapted for smaller screens with changes to height, margins, padding, and text alignment. The experts data container and the call-to-action button are also resized and repositioned for a mobile-friendly layout.
Patrick Mahomes, the successful NFL quarterback, has led the Kansas City Chiefs to three Super Bowl titles and has secured numerous endorsement deals, thanks to his on-field prowess. Off the field, he enjoys a loving family life with his wife Brittany, a former soccer player, and their two children, Sterling Skye and Patrick Lavon III, affectionately known as “Bronze.” Mahomes has shared on the “Impaulsive” podcast that his children might follow in their mother’s footsteps and take up soccer. His thoughts on their potential future in sports were discussed during the podcast episode with Logan Paul and Speed.
