All comments

• 

  guptapradeep7•60

  @guptapradeep7Submitted 10 months ago

  NA

  

  HTML, CSS, JAVASCRIPT

  2

  40
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Hi, good job! But you can get the card in the middle of the page with code below:

  body{
      min-height:100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  Happy coding...

  Enis

  Marked as helpful

  0

  This comment has received 2 repliesShow
• 

  ZBIDA Mohcine•60

  @ZbidaMohcineSubmitted 10 months ago

  

  3-column-preview-card-component

  2

  50
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Hi, good job! But you can get the card in the middle of the page with code below:

  body{
      min-height:100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  Happy coding...

  Enis

  Marked as helpful

  0
• 

  Aye Nyein San•10

  @aye-nyeinSanSubmitted 10 months ago

  

  QR code component using HTML, CSS, Bootstrap

  1

  40
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Good job!

  body{
      min-height:100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  You can use this block to get the card in the middle of the page.

  Good code...

  Enis

  0
• 

  Mahmoud Mansour•20

  @mahmodlteSubmitted 10 months ago

  1. It was easy to do but as I'm getting back to coding I needed to remember some CSS rules
  2. Nothing!
  3. No

  

  Blog preview card using HTML and CSS

  2

  60
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Good job!

  body{
      min-height:100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  You can use this block to get the card in the middle of the page.

  Good code...

  Enis

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Dhananjay Sutwane•180

  @DhananjaysutwaneSubmitted 10 months ago

  

  html and css foundations

  2

  40
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Good job, but there is something to improve your skills.

  body{
      min-height:100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  You can use this block to get the card in the middle of the page. Also you can give your main-section a max-width property not to expand too much.

  Good code...

  Enis

  0
• 

  Esther Nyumu•50

  @EstherNyumuSubmitted 10 months ago

  

  Blog preview card using CSS

  1

  30
  

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Good job...

  You can give a max-width property for your card. So the card both has responsive design and not to expand mauch.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Ayça Gürler•180

  @aybeguSubmitted 12 months ago

  It was harder for me than I expected! It is not responsive and doesn't have mobile version yet. I will later add these features. If you have any suggestions to improve my code, please feel free to share!

  

  Stats Preview Card Component using HTML and CSS

  4

  130
  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  Well done. In addition to others, you can use bootstrap classes for responsive design.

  1

  This comment has received 1 replyShow
• 

  Victoria Aleksandrova•20

  @vicaleksaSubmitted 12 months ago

  

  Results summary component

  1

  70
  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  Your desktop design is excellent. But it has some problem in responsive. You could use bootstrap/css from begining, but now you can use media querries to give it a good look. The most actual design style is "mobile first." So responsive design is too important to ignore.

  0

  This comment has received 1 replyShow
• 

  Gabe Phiri•40

  @Aky11TazSubmitted 12 months ago

  

  Solution for the QR code component challenge on Frontend Mentor

  2

  50
  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  Good job. You can use display:flex; align-items:center; justify-content:center; min-height:100vh; in body element to get the card in the middle of the page.

  Good code.

  Enis...

  Marked as helpful

  1

  This comment has received 2 repliesShow
• 

  pyodeus•340

  @pyodeusSubmitted 12 months ago

  

  Frontend Mentor | Interactive rating component

  1

  40
  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  Good job.

  0
• 

  Navid-007•40

  @Navid-007Submitted 12 months ago

  Honestly, this is my first time trying to build a component using HTML and CSS. I am not a pro-CSS either. I just know the basics. For this project I just made things work. I don't know any efficient way of doing things.

  Making the component responsive was the hardest part for me because I didn't know anything about media queries. I just watched a tutorial, read about it in MDN, and made it work.

  I used px for everything and don't know how em and rems work, so I could include those in my CSS. I am open to suggestions regarding this from you guys.

  

  Mobile First solution using CSS Flexbox and Grid

  1

  80
  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  It dosen't look so. 👏🏼 It looks pretty good. Don't think it's as a amateour job.

  0
• 

  P

  Ericphoto35•90

  @Ericphoto35Submitted about 1 year ago

  

  Product preview card component

  2

  30
  

  Enis Kerti•590

  @eniskrtPosted about 1 year ago

  Well done!

  If you want to get the card in the middle of the screen, youcan use flex structures in the body tag. So:

  body{ display:flex; justify-content:center; align-items:center;

  Good code.

  Enis...

  Marked as helpful

  0