Me gustaria que quede centrado pero menos ancho, estoy utilizando Bootstrap 5. Es decir que el formulario se vea estilizado en el centro de la pantalla dentro de una especie de container que no cubra toda la pantalla (ancho) a menos que se abra en pantallas pequeñas
<body>
<div class="container mt-5">
<div class="row">
<div class="col-12">
<h1 class="display-1 text-center">
CRUD Fetch API
</h1>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<form action="">
<div class="mb-3">
<label for="inpuserId" class="form-label">User Id</label>
<input type="text"
class="form-control form-control-sm" name="inpuserId" id="inpuserId" aria-describedby="helpUserId" placeholder="User Id">
<small id="helpUserId" class="form-text text-muted"></small>
</div>
</form>
</div>
</div>
</div>