Skip to content
OverviewSolutions
9
Comments
9

Jose Luis Flores Vacio

@JoseLuisFVTijuana, Baja California, Mexico210 points

I'm an mechatronics engineer that likes how technology is useful to our daily lifes , such as robotics, machine learning an IoT

Latest solutions

View more solutions

Latest comments

  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    i see your page and main has overflow-y: scroll when max width is 57em

    @media(max-width: 57em) {
   main {
         overflow-y: scroll
   }
}

    I deleted it and scroll disappears.

    Marked as helpful
  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    Hi, I saw your solution, for background image, i recommend the css property background to images because in those cases it is only decorative

    body{
 background: 
        url('../images/bg-pattern-top-desktop.svg'),
        url('../images/bg-pattern-bottom-desktop.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
}

    For mobile view, the reason is that you have double scrollbar, and i don't know what is the cause.

    This is my repo This is my live.

    But your work is great!, dont get down, you can do it, sorry this is not my native language

    Marked as helpful
  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    I had the same issue when i did this, you can fix it adding display block in the img. link

    Marked as helpful
  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    Para centrarlo podrias ponerle un min-height al body de 100vh, tambien podrias darle el display flex al body, column y center a justify-content y al align-items. Ademas limita el width con max-width para que no se vea tan estirado

  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    ¿Has visto el tema de la media querys para lo del responsive?, por otro lado se ve muy bien, a excepción de la img principal se ve un poco borrosa, y la letra se me hace un poco pequeña.

  • Jose Luis Flores Vacio•210
    @JoseLuisFV

    I used js for this challenge too, but after reading about more pseudo classes, I think use the pseudo class focus maybe is a good approach.

View more comments