Как сделать так, чтобы высота элемента равнялась высоте контента?

v3shin,

<a class="inline-block text-center underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('login') }}">
                    {{ __('Already registered?') }}
 </a>

Почему не работает плавная прокрутка?

У меня почему то нигде не работает.

Как сверстать такую форму?

Можешь на примере показать? У меня так не получается