One of the challenges I'm facing is aligning a button to the right side of a column while still utilizing d-none to control its display. Previously, I used
d-flex justify-content-md-around justify-content-lg-endd-none, but now that method doesn't seem to work as expected.
Is there a way to achieve this alignment without compromising the use of d-none? That's my main question.
Below is the code block in its entirety (without the move button to end code):
<header>
<div class="container-fluid d-grid gap-4 align-items-center p-3" style="grid-template-columns: 1fr 2fr 0.75fr 0.25fr;">
<div class="d-none d-sm-block">
<a class="btn btn-outline-light" style="width: 125px;" asp-area="Identity" asp-page="/Account/Register">Register</a>
</div>
</div>
</header>
I appreciate your help and time in addressing my query.