All comments

• 

  P

  Guilherme Dias Simões•210

  @gdsimoesSubmitted over 2 years ago

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

  I finished this project a long time ago, so I don't feel particularly proud. Next time I will use Prettier for formatting my code and Josh Comeau's CSS reset instead of the CSS remedy.

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

  I don't remember any.

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

  This project for me was mainly about learning the workflow of submitting solutions and so on. I don't think I need any help in this one.

  

  Simple solution using only CSS Flexbox

  3

  30
  

  luis•10

  @luispinto53Posted 8 months ago

  Estuve viendo cual es el inconveniente que la solución queda desfasado en el eje Y de la pantalla con respecto al diseño, y creo que la solución podría ser esta.

  1. En el html

          <div>
          <img src="images/image-qr-code.png" alt="QR Code">
          <h1>Improve your front-end skills by building projects</h1>
          <p>Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
      </div>
      </main> ```
  
  2. En el css
  ```body {
      background-color: var(--light-gray);  
  }
  main {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  div {
      display: flex;
      flex-direction: column;
      width: var(--main-width);
      height: var(--main-height);
      padding: 16px;
      background-color: white;
      text-align: center;
      border-radius: 20px;
  } ```
  

  0