Afong

Latest comments

• 

  Oscar Rodolfo Chávez•170

  @OscarRodolfoUMGSubmitted 4 months ago

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

  Ok, I feel like I needed some advice that I last read in a feedback, but I'm happy that the grid worked well and like sometimes you already know how to correct small things.

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

  I feel like a challenge is adapting to multiple resolutions, because there has to be a scaling between the different resolutions in the media queries, but in the end I managed, somehow, to make it look presentable.

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

  On how to organize the media queries, which was what got me behind in the end.

  

  Testimonials grid section [HTML & SASS]

  #sass/scss

  2

  41
  

  Afong•120

  @AfonguwuPosted 4 months ago

  I just review and try to write down some suggestions:

  1. font-size use unit rem not em,because he calculation of em will be affected by the parent layer

  • reference link

  2. For breakpoints, you can refer to the Toggle device toolbar of DevTools. I refer to the settings of bootstrap 5. Commonly used ones are 375px, 768px, and 992px.
  3. img response setting
  4. Use less fixed single width and height and more responsive sizes (ex:% vh vw max-width min-width)
  5. A helpful responsive tutorial Good luck to you💐

  Marked as helpful

  0
• 

  P

  Sebastian•220

  @AbestianSubmitted 4 months ago

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

  At first I was trying to bite the shifting layout of cards with flexbox. I failed, so I used grid and I'm satisfied with how it turned out.

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

  I would like a feedback on my html structure and the usage of em's and rem's.

  

  Four Card Feature Section (responsive, flexbox, grid, sass, bem)

  #sass/scss#bem

  1

  20
  

  Afong•120

  @AfonguwuPosted 4 months ago

  I like the card layout at pad breakpoint！ Just share with you, I finally find that using ::before build the color border of cards will be very close to the design.

  Marked as helpful

  1
• 

  Mitha B•130

  @mittens67Submitted 4 months ago

  

  Responsive Product preview card component

  #sass/scss

  1

  30
  

  Afong•120

  @AfonguwuPosted 4 months ago

  Good~! Maybe you can try write README.md

  0
• 

  Sergio Eduardo Castro Ceballos•320

  @SergioCasCebSubmitted 5 months ago

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

  This challenge was a perfect opportunity to create custom ul and ol markers. Specially with the ol list markers, it was fun to play with the CSS counter functionality, which is a variable I don't usually get to play around with.

  I am not sure about how I structure my project this time, I think I could have done better, but due to the simplicity of it, it should be okay.

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

  I wouldn't call this a challenge, but It did take me a hot second to decide how I wanted to structure my HTML so that it would stay as consistent as possible, due to the "expanding" header image.

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

  Since I am not super excited about the way I structured my project this time, any Feedback in that regards would be really appreciate it as well as any suggestion or system to follow as a best practice.

  

  Responsive Recipe Page with Scss

  #sass/scss#bem

  1

  10
  

  Afong•120

  @AfonguwuPosted 5 months ago

  After seeing your challenge after I implemented it, I think you did it perfectly💐

  0
• 

  Muriel M.•660

  @MurielM87Submitted 5 months ago

  

  social links profile

  #sass/scss

  1

  30
  

  Afong•120

  @AfonguwuPosted 5 months ago

  some elements are default display:block,don't need display:flex

  0
• 

  Muriel M.•660

  @MurielM87Submitted 5 months ago

  

  blog preview card main

  #sass/scss

  1

  10
  

  Afong•120

  @AfonguwuPosted 5 months ago

  try write style on container height:100 vh ; width:100%;

  it will look better

  0