All comments

• 

  Zorah•20

  @ZorahScopeSubmitted over 2 years ago

  1. How would I go about applying the image overlay hover using flexbox?

  2. The .container div had an additional 5px of height vs it's containing image , causing the overlay to bleed past the image a bit. Granted I found a solution with height: calc(100% - 5px); I don't understand why this was a thing.

  3. What are common best practices for structuring/organizing CSS? ( Besides loosely following the HTML order in terms of how I declared CSS, it's more or less spaghetti)

  

  Plain-CSS Responsive Nft Card Component

  2

  40
  

  Ahmad Muwaffaq•60

  @mupinnnPosted over 2 years ago

  Hi Eli! You made a great work. May this answer can help you further:

  1. You don't need flexbox at all to create the overlay. Just use one container element and put image inside it, then use ::before or ::after pseudo-element selector to create the overlay and use background-color + background-image on it.
  2. I don't have any idea why the div have an extra 5px event with box-sizing: border-box. For better and consistent element sizing, I recommend you to always use box-sizing: border-box.
  3. You can try BEM or if using Sass, you can try this https://sass-guidelin.es/#architecture.

  Keep it up, buddy!

  1

  This comment has received 1 replyShow
• 

  Leonard Appelgryn•320

  @KaptainCS3Submitted over 2 years ago

  My sixth project completed. Any issues founded your feedback will be helpful thanks in advance and happy coding.

  

  Stats preview card component using CSS Flex-Box

  1

  20
  

  Ahmad Muwaffaq•60

  @mupinnnPosted over 2 years ago

  Hi, you can try flexbox inside your .stats div instead of using <br /> for make it to the next line.

  My other suggestion is try using code formatter like prettier to make your code readable and consistent. This tool probably available in most of text editors.

  Keep it up, buddy!

  0
• 

  Anastasia•90

  @AnnastrinSubmitted about 3 years ago

  

  FAQ accordion card with Pug and SCSS

  1

  30
  

  Ahmad Muwaffaq•60

  @mupinnnPosted almost 3 years ago

  Amazing work! You can slice it up perfectly; pixel-perfect. Looking so good in the design comparison.

  I'm wondering, is there are any tools that help you to slice design this perfect? I've looked your another challenge solution and it has the same perfect level. TIA :)

  1

  This comment has received 1 replyShow
• 

  Luiz Claudio Lopes•505

  @lc-dev90Submitted over 3 years ago

  It's my last newbie challenge, and I made some improvments that I learn to made this challenge. I have used some Css animations, flexbox, and a little of Javascript.

  Any suggestions are welcome!!!!

  

  Huddle Landing Page With some improvments Last Newbie Challenge!!

  4

  40
  

  Ahmad Muwaffaq•60

  @mupinnnPosted over 3 years ago

  Amazinggg!! nice transitions, responsiveness, all perfect to me. keep going dude!

  0