3-column-preview-card-component

Community feedback

• 

  vinu cyril•980

  @vinumanPosted over 1 year ago

  Hello there,

  The design looks awesome and congrats on completing the same.

  • Under your media query, please do increase the max-width value so that the page becomes responsive on medium size screen as well. A max-width of 768px would work well here.

  • Your CSS code quality looks really good. Good luck and happy coding!!

  Marked as helpful

  1

  ---

  

  Godstime•330

  @iceberg61Posted over 1 year ago

  @vinuman Thanks man... And could you tell me why you choose 768px for the media query.✌️✌️

  0

  

  vinu cyril•980

  @vinumanPosted over 1 year ago

  @iceberg61 Hi there, 768px is recommended by Tailwind docs for medium size screens.

  https://tailwindcss.com/docs/screens

  😊

  Marked as helpful

  1

  

  Godstime•330

  @iceberg61Posted over 1 year ago

  @vinuman I see I haven't used tailwind before Amma go check it out 😁✌️ Peace man

  0
• 

  Roan Macmillan•820

  @RoanMacmillanPosted over 1 year ago

  Nice one looks good!

  I noticed there is an issue when hovering over the buttons; the container seems to grow a bit. You could try this instead:

  button {
      font-weight: 700;
      border-radius: 30px;
      color: inherit;
      border: 2px solid white;
      padding: 1rem 3rem;
      background-color: var(--color-Very-light-gray-background-headings-buttons);
  }
  
  
  button:hover {
      background-color: inherit;
      cursor: pointer;
      color: var(--color-Very-light-gray-background-headings-buttons);
  }
  

  Marked as helpful

  1

  ---

  

  Godstime•330

  @iceberg61Posted over 1 year ago

  @RoanMacmillan Yh I noticed that to....😅 Will go try it now

  1