Frontend Mentor | Code-x-goal's profile

@DevelpjuanSubmitted about 2 months ago

What are you most proud of, and what would you do differently next time?

Haber podido ofrecer una solución usando Flex y para la próxima mejorar el tema del responsive

What challenges did you encounter, and how did you overcome them?

En este desafío solo tuve inconvenientes con el responsive pero viendo otras solución intente igualar el responsive propuesto en el desafío

What specific areas of your project would you like help with?

Sobre el tema del responsive

Social links profile using flex

1

Code-x-goal•120

@Code-x-goalPosted about 2 months ago

Para hacer que tu código sea responsive, todo lo que necesitas en este proyecto es hacer que el ancho de tu perfil sea fijo usando píxeles (px) y no porcentaje, porque al hacerlo, el perfil se vuelve más grande en tamaños más grandes en lugar de tener un ancho constante.

Y si quieres que el ancho del perfil aumente o disminuya con el tamaño de la pantalla, coloca el ancho que deseas, tal vez 90%, pero asegúrate de colocar un max-width, lo que significa que el ancho del perfil no puede superar el max-width.

Puedes agregar esta línea de código a tu selector de perfil para mejorar tu capacidad de respuesta:

max-width: 500px;

0

Aibaihe•50

@AibaiheSubmitted 4 months ago

CSS priority

1

Code-x-goal•120

@Code-x-goalPosted 4 months ago

try to increase the height and decrease the width of your project in order for it to resemble the actual project better

0

PranjaliSehrawat•10

@PranjaliSehrawatSubmitted 5 months ago

Blog Preview Card

1

Code-x-goal•120

@Code-x-goalPosted 4 months ago

To make your images show on your project simply upload your images the same way you uploaded your code, when you want to write the src of your img in your code simply write ./ before the actual name of the image. <img src="./illustration-article.svg">

0