{"action":"created","issue":{"url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/75","repository_url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack","labels_url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/75/labels{/name}","comments_url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/75/comments","events_url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/75/events","html_url":"https://github.com/ironhack-labs/lab-css-flexbox-slack/pull/75","id":272516048,"number":75,"title":"[MAD][WEB-PT1017][JORGE-YAGO]","user":{"login":"jorgeym","id":32247904,"avatar_url":"https://avatars2.githubusercontent.com/u/32247904?v=4","gravatar_id":"","url":"https://api.github.com/users/jorgeym","html_url":"https://github.com/jorgeym","followers_url":"https://api.github.com/users/jorgeym/followers","following_url":"https://api.github.com/users/jorgeym/following{/other_user}","gists_url":"https://api.github.com/users/jorgeym/gists{/gist_id}","starred_url":"https://api.github.com/users/jorgeym/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jorgeym/subscriptions","organizations_url":"https://api.github.com/users/jorgeym/orgs","repos_url":"https://api.github.com/users/jorgeym/repos","events_url":"https://api.github.com/users/jorgeym/events{/privacy}","received_events_url":"https://api.github.com/users/jorgeym/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-09T10:38:56Z","updated_at":"2017-11-11T11:48:33Z","closed_at":"2017-11-11T11:48:33Z","author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/pulls/75","html_url":"https://github.com/ironhack-labs/lab-css-flexbox-slack/pull/75","diff_url":"https://github.com/ironhack-labs/lab-css-flexbox-slack/pull/75.diff","patch_url":"https://github.com/ironhack-labs/lab-css-flexbox-slack/pull/75.patch"},"body":"3 preguntas:\r\n¿cómo hago para que el tamaño de la imagen se vaya reajustando a medida que reduzco la pantalla sin montarse sobre otros elementos?\r\n¿Cómo hago para que no queda tanto espacio blanco entre secciones al reducir la pantalla?\r\n¿Hay alguna forma de \"simplificar el código\"? Tengo la sensación de que es bastante extenso y difícil de seguir..\r\ngracias"},"comment":{"url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/comments/343659244","html_url":"https://github.com/ironhack-labs/lab-css-flexbox-slack/pull/75#issuecomment-343659244","issue_url":"https://api.github.com/repos/ironhack-labs/lab-css-flexbox-slack/issues/75","id":343659244,"user":{"login":"ta-web-mad","id":26923217,"avatar_url":"https://avatars3.githubusercontent.com/u/26923217?v=4","gravatar_id":"","url":"https://api.github.com/users/ta-web-mad","html_url":"https://github.com/ta-web-mad","followers_url":"https://api.github.com/users/ta-web-mad/followers","following_url":"https://api.github.com/users/ta-web-mad/following{/other_user}","gists_url":"https://api.github.com/users/ta-web-mad/gists{/gist_id}","starred_url":"https://api.github.com/users/ta-web-mad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ta-web-mad/subscriptions","organizations_url":"https://api.github.com/users/ta-web-mad/orgs","repos_url":"https://api.github.com/users/ta-web-mad/repos","events_url":"https://api.github.com/users/ta-web-mad/events{/privacy}","received_events_url":"https://api.github.com/users/ta-web-mad/received_events","type":"User","site_admin":false},"created_at":"2017-11-11T11:48:33Z","updated_at":"2017-11-11T11:48:33Z","author_association":"NONE","body":"Hola Jorge, atento que esto es muy importante.\r\n\r\n**Contestando a tus preguntas:**\r\n**1.** Para que la imagen vaya reduciendo su tamaño al igual que la pantalla, tienes que meterla dentro de un div contenedor con un width del 100% y asignar a clase de la imagen tamaño de width 100%.\r\n\r\n**Un detalle importante!!!** \r\nNo es necesario poner las dos medidas height y width, ya que estarás forzando a la imagen a des-transformarse. Con poner solo una de las medidas, la otra se ajusta automáticamente manteniendo siempre una proporción correcta.\r\n\r\n**2.** Para que no quede tanto espacio entre secciones, debes ajustar los paddings y margins de las secciones que quieras corregir dentro de cada media query por separado.\r\nPor ejemplo (ficticio), la clase section-1 que tiene un margin-bottom de 100px en tamaño completo, al crear la media query para tablet le sobreescribimos el margin-bottom con 60px.\r\n\r\n**3.** Claro, que la hay. A simplificar código lo llamamos refactorizar. Siempre hay varias maneras de refactorizar. Lo ideal es que sabiendo lo que sabes a día de hoy, vayas optimizando clases y propiedades de forma que repitas el mínimo código posible y nombres a las secciones lo mejor que puedas.\r\n\r\n**¡¡¡ IMPORTANTE !!!**\r\nVeo en tu código que no pones las clases entre comillas, esto es algo muy importante pues es la síntaxis de HTML y tu codigo falla al no tenerlo correcto.\r\n\r\nPara próximos ejercicios quiero ver en tu código:\r\n- [ ] Todas las clases entre comillas, por ejemplo: **class=\"clase-1 clase-2\"**"}}
{"actor":{"display_login":"ta-web-mad"}}