how to adjust the alignment of brand name along with logo?

I'm terribly bad in front end. Please see my screenshot

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.

Jump to solution

itsmejyvOP•8/30/24, 7:16 AM

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

Iitsmejyv I'm terribly bad in front end. Please see my screenshot

LeandroFerreira•8/30/24, 8:03 AM

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.

itsmejyvOP•8/30/24, 8:18 AM

Thanks man!