All comments

• 

  Sasan Salehzadeh•470

  @sasanqcSubmitted almost 2 years ago

  This is my first challenge at frontendmentor. any comment is appreciated

  

  Product preview card component

  2

  50
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted almost 2 years ago

  Hi Sasan, You should make your card container responsive,I just checked the link and found out it’s not mobile responsive .You can use flex and media query to handle the mobile responsive , Learn Flex box via this Youtube tutorial

  0
• 

  Martina•150

  @PastoreMartinaSubmitted almost 2 years ago

  I'm resubmitting after some changes.

  How can I keep the card in the center of the page but push the attribution at the bottom using Flexbox? I'd like to prevent overflow on smaller screens (e.g.: landscape mode).

  

  QR code component using Flexbox

  2

  40
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted almost 2 years ago

  Hi Martina,

  Remove the attribution from the card container

  Use this code below to center your card horizontally and vertically

  .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; 
  }
  

  If you find this helpful kindly mark as helpful

  Marked as helpful

  1
• 

  Mansir•60

  @mansir93Submitted almost 2 years ago

  

  Html and css

  2

  30
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted almost 2 years ago

  Hi Mansir, Add this code below to make your container centered both vertically and horizontally:

  .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; 
  }
  

  Also remove this code below from your card component:

    <div class="attribution">
                Challenge by
                <a
                  href="https://www.frontendmentor.io?ref=challenge"
                  target="_blank"
                  >Frontend Mentor</a
                >. Coded by <a href="#">Mansir Abdul Aziz</a>.
  </div>
  

  If you find this helpful kindly mark as helpful,Thanks

  0
• 

  Asha•1,210

  @livinglifemeaningSubmitted over 2 years ago

  completed in an 1hr 15m. How long does it take you?

  

  Huddle Landing Page with SASS

  1

  20
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted over 2 years ago

  Forever lol

  0
• 

  abbos•460

  @shomurodovabbosSubmitted over 2 years ago

  !

  

  Flex

  1

  30
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted over 2 years ago

  You haven't set the active state for the button and also use cursor:pointer; to change the pointer for the button

  0

  This comment has received 1 replyShow
• 

  Samuel Amistoso•10

  @sam-amistosoSubmitted over 2 years ago

  

  Frontend Responsive HTML with Tailwind-CSS

  1

  30
  

  Oyeyinka Ojora•170

  @oyeyinkaojoraPosted over 2 years ago

  For your stats, you can use justify-content: space-between; so it can align with the card content.

  0