Hello everybody,
I'd like to create a Facebook-like profile header (image) with Uikit 3...
Well - I'm actually not very experienced with Uikit 3, so maybe you can see something how to deal with it:
This is my source:
Code
- <div class="uk-container uk-container-expand">
- <div class="uk-grid uk-grid-medium" data-uk-grid>
- <!-- panel -->
- <div class="uk-width-2-3@l uk-width-1-2@xl">
- <div class="uk-card uk-card-default uk-card-small uk-card-hover">
- <div class="uk-card-header">
- <div class="uk-grid uk-grid-small">
- <div class="uk-width-auto"><h4 class="uk-margin-remove-bottom">Test</h4></div>
- </div>
- </div>
- <div class="uk-card-body">
- Test
- </div>
- </div>
- </div>
- <!-- /panel -->
- </div>
- <div class="uk-grid uk-grid-medium uk-grid-match" data-uk-grid>
- <!-- panel -->
- <div class="uk-width-1-2@s uk-width-1-3@l uk-width-1-4@xl">
- <div class="uk-card uk-card-default uk-card-small uk-card-hover">
- <div class="uk-card-header">
- <div class="uk-grid uk-grid-small">
- <div class="uk-width-auto"><h4 class="uk-margin-remove-bottom">Test</h4></div>
- </div>
- </div>
- <div class="uk-card-body">
- {{--<img src="img/mapa3.svg" alt="">--}}
- <p class="uk-text-muted uk-text-small uk-text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
- </div>
- </div>
- </div>
- <!-- /panel -->
- </div>
- </div>