how to adjust the alignment of brand name along with logo?
I'm terribly bad in front end. Please see my screenshot
Solution:Jump to solution
maybe you can use justify-content
https://tailwindcss.com/docs/justify-content
and adjusting the font size to fit it within the logo area...
Justify Content - Tailwind CSS
Utilities for controlling how flex and grid items are positioned along a container's main axis.
3 Replies
code:
<style>
@font-face {
font-family: 'Copperplate';
src: url('{{ asset('font/copperplate.otf') }}') format('opentype');
}
.brand-name {
font-family: 'Copperplate', sans-serif;
}
</style>
<div class="flex">
<img src="{{ asset('images/logo.png') }}" />
<h1 class="brand-name">{{ filament()->getBrandName() }}</h1>
</div>
Solution
maybe you can use justify-content
https://tailwindcss.com/docs/justify-content
and adjusting the font size to fit it within the logo area
Justify Content - Tailwind CSS
Utilities for controlling how flex and grid items are positioned along a container's main axis.
Thanks man!