¡Hola!
Para que todo se ajuste al tamaño de la pantalla, puedes utilizar unidades de medida relativas, como porcentajes, en lugar de unidades de medida absolutas, como píxeles. Por ejemplo, en lugar de establecer un ancho fijo para tus elementos, puedes utilizar un ancho del 100% para que se ajusten al tamaño de la pantalla.
En cuanto a los bordes redondos, puedes utilizar la propiedad border-radius
en CSS para hacer que los bordes de tus elementos sean redondeados. Por ejemplo, si quieres que una imagen tenga bordes completamente redondos, puedes agregar la siguiente regla CSS:
.imagen {
border-radius: 50%;
}
Esto hará que la imagen tenga bordes redondos, sin ocupar espacio adicional en los bordes. También puedes usar valores en píxeles para que no queden tan redondos.
¡Saludos!
Si este post te ayudó, por favor marca como solucionado ✓. ¡Continúa con tus estudios!