3 Column Responsive Card Using CSS Flex

Community feedback

• 

  Marzia Jalili•4,230

  @MarziaJaliliPosted about 2 months ago

  Awesome!

  Some tips to consider in your projects

  • First, while your code is generally well-structured, consider using more semantic HTML elements. For example, you could use <section> for each card.

  • Second, using grid for centering is more simple than flex:

  body {
    display: grid;
    place-items: center;
  }
  

  • Also, using px for font-size is not really considered good practice. It turns out that using px causes some issues. I suggest you use rem unites instead.

  The solution looks great overall, keep up the grind.

  😎😎😎

  1

  ---

  

  P

  Daniel 🛸•44,770

  @danielmrz-devPosted about 2 months ago

  @MarziaJalili How'd you make the words "body" and "display" red on your comment?

  That's nice. It makes the comment even easier to understand.

  1

  

  Marzia Jalili•4,230

  @MarziaJaliliPosted about 2 months ago

  @danielmrz-dev hi,

  Yes, it does make it easier to understand.

  @skyv26 walked me through the steps like this:

  start with ```

  then add the language like html name alongside the like this ``` html and then add your html content and finally put three tilde sign at the end. and you will get

  <h1> Trust me you can do it </h1>
  

  make sure no space between ` tilde sign.

     """
        ```html
             <h1> Trust me you can do it </h1>
        ```
     """
  

  If you need further details, let me know.

  😎😎😎

  2

  

  Aakash Verma•9,520

  @skyv26Posted about 2 months ago

  @MarziaJalili ❤️❤️❤️❤️❤️❤️ (This is what i want, spread knowledge)

  2

  

  P

  Daniel 🛸•44,770

  @danielmrz-devPosted about 2 months ago

  @MarziaJalili Thank you!

     <h1>Testing</h1>
  

  Got it! 😉🙋🏽‍♂️

  @skyv26 Thank you too!

  2