All solutions

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

En este desafió me resulto muy complicado el adaptar las imágenes a dispositivos móviles, pero estoy orgulloso del resultado final.

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

Aprendí a usar la etiqueta source en html, es una gran ventaja a la hora de hacer el diseño responsivo.

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

I need help in the projects section, one of the images is not showing, help me

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

Estoy orgulloso de haber terminado otro reto más de frontendMentor, para este proyecto tuve uno que otro problema con el diseño y el codigo js, pero me gusto el resultado final

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

La lógica del código JavaScript

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

Se que se puede hacer más simple el código JavaScript, así que practicare mucho para mejorar en mi lógica de programación

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

Estoy orgulloso de haber terminado este proyecto, me gusto mucho hacerlo, tuve unos cuantos problemas con el código js, pero todo lo demás, esta perfecto.

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

Solo darle lógica al código JavaScript para que funcione de la manera que quería.

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

NaN

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

I am very happy to have finished this project, it is the first landing page I have made with the mobile first method.

Estoy muy feliz de haber terminado este proyecto, es la primera página de aterrizaje que hago con el método mobile first.

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

The mobile first method

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

I have to improve on adapting it to mobile devices.

Tengo que mejorar en adaptarlos a dispositivos mobiles, responsive desing

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

The hero section

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

Text and images

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

I need help with hero section and images

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

I am very proud of having completed this challenge, I spent a couple of minutes analyzing how to do the cards section, and I really liked how it turned out in the end.

Estoy muy orgullosa de haber completado este reto, estuve un par de minutos analizando cómo hacer la sección de tarjetas, y me gustó mucho cómo quedó al final.

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

I don't know if it was a good idea to give some parts a relative position to have that effect, but I'm still happy with the result obtained.

No sé si fue buena idea darle una posición relativa a algunas partes para tener ese efecto, pero aun así estoy contento con el resultado obtenido.

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

Cards section

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

I'm very happy to have completed this challenge, I had some issues styling it with CSS but I liked the end result.

Estoy muy feliz de haber completado este desafío, tuve algunos problemas al diseñarlo con CSS pero me gustó el resultado final.

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

I had problems positioning the email error text.

Tuve problemas al posicionar el texto del error del email.

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

The position of the error text email.

La posición del texto de error del email.

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

I am very happy with the result obtained.

Estoy muy feliz del resultado obtenido.

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

I didn't know how to put the color on top of the image, but I learned a new property, background-blend-mode, this helped me put the color I wanted on the image.

No sabía cómo poner el color encima de la imagen, pero aprendí una nueva propiedad, background-blend-mode, esto me ayudó a poner el color que quería en la imagen.

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

In the responsive section of the image

En la seccion responsiva de la imagen.

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

I am happy to have finished this challenge, it was quite a challenge for me, but I am happy with the result obtained.

Estoy feliz de haber terminado este desafío, fue todo un desafío para mí, pero estoy feliz con el resultado obtenido.

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

I must improve the positioning of the img waves.

Debo mejorar en el posicionamiento de las img waves

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

NaN

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

I'm happy to have finished this challenge, I had some problems with the box-shadow.

Estoy feliz de haber terminado este desafió, tuve algunos problemas con el box-shadow.

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

The box-shadow

El box-shadow

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

NaN

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

I'm proud to have finished this card, I had some problems with the background but I got it done in the end.

Estoy orgulloso de haber terminado esta tarjeta, tuve algunos problemas con el fondo y la wave, pero al final lo logre.

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

The wave in the background.

La ola en el fondo.

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

The positioning of the img waves.

El posicionamiento de las ondas img.

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

I'm happy to have completed this challenge, it was a little complicated, but I managed to finish it.

Estoy feliz de haber completado este desafío, fue un poco complicado, pero logré terminarlo.

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

I had problems positioning the text on the card on the right, but I managed it.

Tuve problema al colocar el texto de la card de la derecha, pero lo logre.

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

NaN

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

In this challenge, I used CSS Grid to arrange the cards, and I liked how the final result turned out.

En este desafió use CSS Grid para crear el acomodo de las cards, me gusto como quedo el resultado final.

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

I had some issues using CSS Grid, but using grid areas made everything much easier.

Tuve algunos problemas al usar CSS Grid, pero al usar gird áreas todo se vuelve mas fácil.

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

This challenge wasn't difficult for me, as I've worked with similar components before.

Este desafió no me resulto complicado, ya que he trabajado con componentes así.

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

This challenge was somewhat complicated for me because of the image on one side, but I liked the final result. I know I used many CSS properties for the elements; I just need more practice to make it easier to understand.

Este desafió me resulto algo complicado de hacer, por la imagen de un lado, pero me gusto el resultado final, se que use muchas propiedades CSS para las etiquetas, solo me falta mas practica para hacerlo mas sencillo de entender

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

The image on one side

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

CSS properties

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

This challenge wasn't difficult for me, as I've worked with similar components before.

Este desafió no me resulto complicado, ya que he trabajado con componentes así.

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

It wasn't difficult for me to create this challenge, I really liked doing it.

No fue nada difícil para mi hacer este desafió, me gusto mucho hacerlo.

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

I was thinking of using a min-height or padding for the main, but I liked how it turned out with the padding property.

Estaba pensando en usar una altura mínima o un relleno para el principal, pero me gustó cómo quedó con la propiedad de relleno.

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

Padding and min-height

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

I will continue practicing to know what properties to put in each section.

Seguiré practicando para saber que propiedades poner en cada sección

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

In the ul lists section it was difficult for me to separate the points from the text, but I am happy with the final result

En la sección de listas ul me costó separar los puntos del texto, pero estoy contento con el resultado final.

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

ul lists and css styles

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

This is my first junior-level challenge that I've done. In some parts, it was difficult for me since it didn't come out as it is in the image, but I really liked the final result. I still have a lot to learn.

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

Some sections of the CSS styles were challenging for me, but I'm happy with the final result.'

I really liked doing this mini project, it gave me a few problems when implementing my idea of ​​how it would look in the code, but it didn't turn out the way I wanted, but I'm happy to have completed it.

Me gustó mucho hacer este mini proyecto, me dio algunos problemas al implementar mi idea de cómo quedaría en el código, pero no quedó como quería, pero estoy feliz de haberlo completado.

I need help, it was a little complicated when putting the image, I couldn't put it like that in the design image, but I'm happy with the result, I learned how to put an event to share and show the icons, but I still have a lot to learn and practice

Necesito ayuda, fue un poco complicado al poner la imagen, no pude ponerla así en la imagen de diseño, pero estoy contento con el resultado, aprendí a poner un evento para compartir y mostrar los íconos, pero todavía tengo mucho que aprender y practicar

I need help! it was difficult for me to put the error icon in the "input email", I used the position property relative and absolute, to move it, I know that my CSS styles are somewhat wrong, because I use more properties than in other parts I'm still learning how I can improve the appearance of the "input" with the error icon.

Necesito ayuda, se me dificultó poner el icono de error en el “input email”, utilicé la propiedad de posición relativa y absoluta, para moverlo, sé que mis estilos CSS están algo mal, porque uso más propiedades que en otras partes todavía estoy aprendiendo cómo puedo mejorar la apariencia del "input" con el ícono de error

What would be missing from my code? In this challenge it was somewhat complicated for me to organize the images of spheres, since I did not know how to place them with the CSS background-position property, I tried to do it as close as possible to the design, ordering by unit to move the spheres throughout everything the width of the screen, I am happy with the final result.

¿Qué faltaría en mi código? En este reto se me hizo algo complicado ordenar las imágenes de esferas, ya que no sabía cómo colocarlas con la propiedad CSS background-position, traté de hacerlo lo más cercano posible al diseño, ordenando por unidad a mover las esferas a lo largo de todo el ancho de la pantalla, estoy contento con el resultado final.

I used many tags, which might not have been a good idea. I divided the component into several sections and divs because it was easier for me to work with it that way. In this challenge, I faced several issues as the design wasn't matching the image, but I am very happy with the final result.

Utilicé muchas etiquetas, lo cual tal vez no fue la mejor idea. Dividí el componente en varias secciones y divs porque me resultó más fácil trabajar de esa manera. En este desafío, enfrenté varios problemas ya que el diseño no coincidía con la imagen, pero estoy muy feliz con el resultado final