<div class="uk-cover-container uk-height-medium">
<img src="https://getuikit.com/docs/images/dark.jpg" alt="" uk-cover>
</div>
To have an image cover its parent element, add the .uk-cover-container class to the parent and the uk-cover attribute to the image.
Note To position content on top of the covering element, use the Position component. To adapt your content for better visibility, add the .uk-light or .uk-dark class from the Inverse component.
Streamline your Joomla development with a single, reusable snippet designed for flexibility, consistency, and easy updates.
Used in Joomla Component Builder - Source - Mirror - Download
