The CSS code snippet provided defines the styling for a video player container on a webpage. The `.vidazoo-player-container` class sets the width to 100% and calculates the height based on a specific aspect ratio of 16:9, subtracting certain pixel values to adjust for other elements on the page. The background color for the container is set to black. Additionally, the height of the container is recalculated for a specific scenario, ensuring that the video player maintains its aspect ratio across different screen sizes.
For smaller screens, such as those with a maximum width of 768 pixels, the code introduces responsive design adjustments. It defines custom properties for the `.vidazoo-container` class, which control the top offset of a floating player depending on whether certain elements like a top header or primary navigation are present on the page. The `.vidazoo-container` class also includes rules for a floating player view, margin adjustments, and recalculates the height of the player container for mobile devices to maintain the aspect ratio.
The code snippet also includes styling for a polls carousel, which is a horizontal scrolling container for poll options. The `.polls-carousel` class uses a flex display to allow the poll options to be laid out in a row and to scroll horizontally. The `.preview-card-holder` class defines the appearance of individual poll cards, such as border radius and width. The `.march-madness-logo` and other elements within the poll card are styled with specific dimensions, positions, and background settings.
The poll options within the card content are styled to change appearance when hovered over or selected, indicating the user’s interaction. The `.poll-option` classes define the borders, background colors, and text styles for the poll options, including when an option has been answered. The `.bets-today-div` class styles a container that appears to hold betting-related content, with specific dimensions, background colors, and border styles. Inside this container, various elements such as logos, text, and call-to-action buttons are styled to create a cohesive section.
Lastly, the CSS code provides media query adjustments for the polls carousel and the `.bets-today-div` container, ensuring that the layout and styling remain effective and visually appealing on smaller screens, such as mobile devices. These adjustments include changes to padding, font sizes, and the overall layout of elements to fit the reduced screen space.
Michael Pratt, a three-star recruit in 2020, made an immediate impact on the Green Wave by starting nine of the ten games as a true freshman. Over the next two seasons, he was a consistent presence in the lineup, playing in all 24 games. His performance was instrumental in securing a significant victory for his team in the Cotton Bowl, where they triumphed over Heisman trophy winner Caleb Williams and USC.
Despite facing challenges early in the season, Pratt’s past season showcased his resilience and skill. He started 11 games and improved his performance, completing 65.4% of his passes for a total of 2,400 yards. His impressive stats included 27 touchdowns and only five interceptions. Recognizing his achievements, he was honored as the AAC Offensive Player of the Year, following in the footsteps of his former teammate Tyjae Spears, who had previously won the award and is now a running back for the Titans.
