All comments

• 

  Eddie Bones• 120

  @EddieBones1

  Submitted 9 days ago

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

  I'm proud that I was able to complete this project, even though I didn't have access to the the Figma files (because I'm not a pro member 😭).

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

  Because I didn't have access to the Figma files 😭, I had to rely on other applications and tools such as Affinity Designer, and the inspect tool in Mozilla Firefox. With Affinity Designer, I used the measure tool to estimate the width of the containers and the spacing around the containers. And the inspect tool within Firefox, allowed me to refine the properties to make it as close to the original design as possible.

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

  I don't have any specific areas within the project that I need help with. However, I need to get a better grasp of utilizing the inspect tool within the web browsers, and explore the many capabilities that this tool can offer for Front-End Developers.

  

  Social links profile

  1

  30

  

  SantiagoAEM• 30

  @SantiagoAEM

  Posted 9 days ago

  Great job

  1
• 

  Max Sakuma• 20

  @msakuma-dev

  Submitted 15 days ago

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

  I'm happy that I was able to understand the last feedback and apply to this project. Specially on the usage of rem and em for font-sizes. I'm also confident that the final project is pretty close to the Figma files.

  I would try to set the margins and paddings more closely to the Figma files and maybe add features that are not within the current scope. I would also like to understand how to properly set OG Meta to this.

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

  To make the image crop and behave like the Figma files took me a few tries and search for online tutorial. As per usual, the content of Kevin Powell was extremely useful.

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

  It would be great to have some feedback on the BEM Methodology, ARIA and if there are any improvements on the CSS file that would make it shorter, but behave the same.

  

  Blog Preview Card using HTML and CSS

  1

  00

  

  SantiagoAEM• 30

  @SantiagoAEM

  Posted 10 days ago

  Great job. Everything looks organice

  0
• 

  SantiagoAEM• 30

  @SantiagoAEM

  Submitted 27 days ago

  

  landing page using flexbox

  2

  21

  

  SantiagoAEM• 30

  @SantiagoAEM

  Posted 27 days ago

  Es un reset para propiedades predeterminadas de los navegadores lo use para que todos los elementos y pseudoelementos utilicen el borderbox en vez del default que es content-box. Esta regla no es tan útil como antes , pero no es raro que un proyecto tenga algún tamaño explícito en alguna parte, por lo que todavía tiene un uso para el reset

  0
• 

  P

  Alonso Vazquez• 160

  @alonsovzqz

  Submitted 28 days ago

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

  I feel proud of this project since I think I was able to finish it in no time and I think I was able to make it real close to the actual solution.

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

  There was a moment when I find myself stucked with the fact that I always want to keep the attribution section and sometimes that breaks a little bit the entire layout. So my first approach left the entire QR card section sticked in the top of the page and the attribution at the very bottom of the page (which I obviously wanted in the first place except don't want the card be at the top of the page).

  So, in order to solve this what I did was to just set the attribution a fixed position at the bottom:

  .attribution {
  /* other code */
  position: fixed;
  bottom: 0;
  }
  

  And that did the trick :)

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

  I'd like to ask the community to help me how can I use ARIA/HTML5 semantic markup to make it more accessible.

  

  QR Code component using flexbox and BEM

  1

  31

  

  SantiagoAEM• 30

  @SantiagoAEM

  Posted 27 days ago

  great job

  1