Perfi

Latest comments

• 

  Sergio Eduardo Castro Ceballos•320

  @SergioCasCebSubmitted 5 months ago

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

  Not much of a challenge, but it is always fun to play with Grid.

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

  None.

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

  Nothing in specific, but any feedback is always welcome. It is fun to see others approach to the same challenge.

  

  Responsive Four Card Feature with Scss and CSS Grid

  #sass/scss#bem

  1

  20
  

  P

  Perfi•290

  @perfidevPosted 5 months ago

  I don't know... maybe create a separate file for the reset? 🤔

  Very good! Congrats 🥳 👊

  0
• 

  jovic-djordje•320

  @jovic-djordjeSubmitted 9 months ago

  

  Product Preview Card

  1

  20
  

  P

  Perfi•290

  @perfidevPosted 7 months ago

  Very good! To improve the alignment, try using grid or flex on the body.

  body {
      display: grid;
      align-items: center;
      justify-items: center;
  }
  

  or

  body {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  1
• 

  Bshy201•80

  @Bshy201Submitted 7 months ago

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

  Styling the list elements and structuring the whole HTML file in general. I had to look up how the list elements are usually styled.

  

  Recipe Page

  1

  20
  

  P

  Perfi•290

  @perfidevPosted 7 months ago

  Good job, my friend! It's normal to research how to style elements, don't worry about it. You're on the right track.

  Marked as helpful

  0
• 

  Nikolay Toshev•290

  @gilotinSubmitted 12 months ago

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

  I'm aiming to improve my HTML semantics skills, writing good quality CSS and BEM methodology skills.

  

  Social Link Profile

  1

  20
  

  P

  Perfi•290

  @perfidevPosted 12 months ago

  Great job! That was a great idea to use <figure>. I think I'll use that too :)

  I would just place the links within a list for semantics.

  <ul class="main-list">
      <li class="main-list__item">
          <a href="#" target="_blank">Frontend Mentor</a>
      </li>
  </ul>
  

  Marked as helpful

  0
• 

  Dumonster27•40

  @Dumonster27Submitted 12 months ago

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

  Me orgulho de ter conseguido deixar pelo menos um pouco parecido com o original.

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

  Alguns problemas de centralização, eu superei agrupando o título e o subtítulo em uma caixa flexível e adicionando caixa flexível

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

  Qualquer conselho sobre como se aproximar do original é muito bem vindo.

  

  QR com HTML e CSS

  1

  30
  

  P

  Perfi•290

  @perfidevPosted 12 months ago

  Ótimo trabalho! :) Somente por questões de semântica, eu colocaria todo o código dentro de uma tag <main> e usaria a tag <h1> ao invés da <h2>.

  <main>
      <div class="container">
      ...
      </div>
  </main>
  

  E no CSS adicionaria box-sizing: border-box no *, assim facilitaria para você calcular o tamanho dos elementos e o posicionamento.

  * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
  }
  

  Marked as helpful

  0
• 

  Jonathan•70

  @johnslaykSubmitted 12 months ago

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

  Try to better resolve alignments between objects.

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

  Align all the itens in the screen.

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

  Better control of padding and margin areas.

  

  Responsive Card page using flex box

  1

  20
  

  P

  Perfi•290

  @perfidevPosted 12 months ago

  Great job! Try to follow the Figma file to adjust the paddings ;)

  0