All comments

• 

  Matt Tomlin•40

  @mmtomlinSubmitted over 4 years ago

  I'd just like to thank anyone that looks at this for their time! Any feedback is helpful.

  

  Responsive four card feature section using css

  1

  30
  

  swaraj papadkar•315

  @swaraj70Posted over 4 years ago

  Hi, @mmtomlin your solution looks perfect.

  1
• 

  Nada Farook•100

  @NadaFarookSubmitted over 4 years ago

  Hello everyone, I have complete this challenge, I'm keep trying improve my skill and learning more knowledge,hope you guys can give me some feedback,wish you all have a nice day: )!

  

  css

  2

  10
  

  swaraj papadkar•315

  @swaraj70Posted over 4 years ago

  Hi, your solution looks awesome. Try using CSS grid for much better results.

  0

  This comment has received 1 replyShow
• 

  Ndonna Ugwuede•170

  @PalmlightSubmitted over 4 years ago

  I'm not yet so good with CSS grids. Feedbacks would be highly appreciated

  

  Four card fature section using pure CSS

  2

  20
  

  swaraj papadkar•315

  @swaraj70Posted over 4 years ago

  Grid gap will add some space between the 4 cards.

      /* DESKTOP-VIEW */
      @media (min-width: 1400px) {
          .card-container {
              display: grid;
              grid-gap: 30px;
              grid-template-areas: 
              ". a ." 
              "b a c"
              "b d c"
              ". d .";
              width: 80vw;
              margin: 0 auto;   
          }
      }
  

  1
• 

  Ndonna Ugwuede•170

  @PalmlightSubmitted over 4 years ago

  I'm not yet so good with CSS grids. Feedbacks would be highly appreciated

  

  Four card fature section using pure CSS

  2

  20
  

  swaraj papadkar•315

  @swaraj70Posted over 4 years ago

  Hey, the code looks great. Some space between the cards would make it look much better. Try adding grid-gap in .card-container in styles.css file. for example:

      /* GRID-GAP */
      grid-gap: 30px;
  

  1

  This comment has received 2 repliesShow