Skip to content
OverviewSolutions
28
Comments
30

Juan Camilo Botero

@jcboteroIbagué/Colombia970 points

Looking for the opportunity to improve my skills as a Front-End Developer

I’m currently learning...

Next Js.

Latest solutions

View more solutions

Latest comments

  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hi rikku08!. Nice code!. If you don't mind I would like to make a suggestion. I think you forgot to do the background effect to the main image. You can achieve this in your css sheet like this:

    .img { mix-blend-mode: multiply; opacity: 0.8; }

    In this way, the image achieves the violet color that the challenge asks us for.

    If you think this helped you, please mark the comment as helpful. Thank you!

    Marked as helpful
    0
  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hi nade12209!!. I think you did a great job with the organization and internal design of the challenge. What I could add is that your container or main div is not well centered, it is quite shifted to the right.

    This error is caused by:

    .okvir{ margin-left: 500px; } .lijepo{ width: 1440px; }

    The values ​​are too large, which makes the layout shift to the left. It would be good not to put values ​​in px since it is not very responsive, you could better put %. In the case of the width of the main container, it may be better to use 100vw. It is more flexible and responsive.

    If you think this helped you, please mark the comment as helpful. Thank you!

    0
  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hello Federico. Good code. If you don't mind, the only thing I would have to add is that I think you forgot to cut the image that comes out of the div with a white background. You can do this like this in css:

    div containing the image { overflow: hidden }

    If you think this helped you, please mark the comment as helpful. Thank you!

    Marked as helpful
    0
  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hola David. Muy bien resuelto el challenge. Sobre posicionar/mover elementos, quizás lo que más me guste es usar el Flex-Box. No sé si lo usaste porque está caído el link de tu repositorio, pero sería algo así :

    A tu contenedor principal, le pones = display: flex ; Justifiy-content : center

    La segunda propiedad te da muchas más opciones, puede ser space-between si quieres que se separen a los largo del contener, o space-around para separarlos copando mejor los espacios, entre otras. También puedes organizar todo lo que está dentro del contenedor principal en formal de columna o filas. Es una gran herramienta para explorar

    Es si, tengo cuidado en no usar mucho el margin para posicionar elementos. Es mejor usar en el width : vw, o sino el rem. Son más responsive y se adaptan mejor a diferentes tamaños de pantallas.

    Espero te haya sido algo útil

    Saludos!!

    1
  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hi rlboogey!. Nice code!. If you don't mind I would like to make a suggestion. I think you forgot to do the background effect to the main image. You can achieve this in your css sheet like this:

    .img { mix-blend-mode: multiply; opacity: 0.8; }

    In this way, the image achieves the violet color that the challenge asks us for.

    If you think this helped you, please mark the comment as helpful. Thank you!

    0
  • Juan Camilo Botero•970
    @jcboteroPosted about 1 year ago

    Hi Mehmet!. Nice code!. If you don't mind I would like to make a suggestion. I think you forgot to do the background effect to the main image. You can achieve this in your css sheet like this:

    .img { mix-blend-mode: multiply; opacity: 0.8; }

    In this way, the image achieves the violet color that the challenge asks us for.

    If you think this helped you, please mark the comment as helpful. Thank you!

    Marked as helpful
    1
View more comments