Latest comments

• 

  Katte18•110

  @Katte18Submitted 4 months ago

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

  React based card, adding library for toggle, and some advanced CSS. Try to do customizable toggle.

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

  React, CSS for toggle and rewrite standard styles.

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

  React hooks, state, libraries.

  

  React user social card

  #accessibility#react#solid-js#react-router

  2

  70
  

  knznsmn•50

  @knznsmnPosted 4 months ago

  Wow damn! This is high mountain! Beautiful theme toggle. Nice touch!

  Marked as helpful

  0
• 

  knznsmn•50

  @knznsmnSubmitted 4 months ago

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

  This byte-size challenges/exercises is making me a little bit better every time!

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

  I have to check for the report first and see if I encounter any faulties. The browser haven't scold me but that doesn't probably mean anything.

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

  I would it if masters will point me to the right direction and tell where I'm wrong and how I can make it better.

  

  Responsive Social Links

  #accessibility

  1

  40
  

  knznsmn•50

  @knznsmnPosted 4 months ago

  Using the Frontend Mentor's accessibility report, I became aware that nesting <button> and <a> is not good. I fixed it and I learned what and why!

  0
• 

  P

  ComputerEnjoyer•160

  @ComputerEnjoyerSubmitted 4 months ago

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

  Proud of:

  • It went quick
  • Really feeling like I'm getting flexbox (with some exceptions)

  Would do differently:

  • Not really sure. This was pretty straightforward.

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

  The design file doesn't give very clear guidance on breakpoints so I'm hoping my solution aligns with what the designers are asking for.

  I really struggled with getting the flex container on the card to actually shrink with a change in the viewport size. This is because I didn't have the img width set to 100% 😅

  I tried setting a breakpoint with a @container query but it was doing very wonky things with the card component so I abandoned that idea for a simple media query on the screen.

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

  Is there a more elegant way to handle changes to the presentation of the .blog-preview-card element?

  

  Blog preview card (HTML and CSS)

  1

  30
  

  knznsmn•50

  @knznsmnPosted 4 months ago

  Wow! This is so cool! It's almost, if not the same, exact replica of the design. Nothing to say here. Totally nice and superb solution, both desktop and mobile version.

  0
• 

  chukwuderaamalu•10

  @chukwuderaamaluSubmitted 4 months ago

  

  css,html

  1

  30
  

  knznsmn•50

  @knznsmnPosted 4 months ago

  Cool Solution

  Cool! Code is simple and straight to the point. I think the QR code should be centered on Y-axis too, though I am not sure about that. I so thought because the design shows a centered QR code. Now I can't remember if I also centered it in my code...

  If I want an element to be centeredc I usually use flexbox.

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

  Assuming the width and height occupies the whole viewport.

  0