No te pierdas nada
Novedades de producto y ofertas de hosting, una vez al mes.
Patrones
Formulario de suscripción en dos columnas: el texto a un lado, el campo y el botón al otro.
Una tarjeta con la clase de una superficie de marca. Dentro, el texto en una mitad y un form con el campo y el botón en la otra.
Repartir esas dos mitades es maquetación, y la maquetación la pone la página; en el ejemplo, una rejilla que se apila cuando las dos mitades no caben.
Novedades de producto y ofertas de hosting, una vez al mes.
<vadavo-card class="spotlight">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr)); align-items: center; gap: 2.25rem;">
<div>
<h3>No te pierdas nada</h3>
<p>Novedades de producto y ofertas de hosting, una vez al mes.</p>
</div>
<form class="field-group">
<vadavo-textfield type="email" placeholder="[email protected]" required></vadavo-textfield>
<button class="button primary" type="submit">Suscribirme</button>
</form>
</div>
</vadavo-card>