Responsive Card Preview with CSS Grid

Community feedback

• 

  Andrew•380

  @andreich1980Posted over 2 years ago

  Hi there.

  You can make border radius using border-radius CSS property https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

  Or, since you're using Tailwind CSS, use rounded-l-md for make left corners rounded, and rounded-r-md to make right corners rounded.

  And you should put your sources to github as well, not just compiled result, this is the point of github, so anyone could clone your project, make changes and create a pull request.

  Cheers.

  Marked as helpful

  0

  ---

  

  Thendo•40

  @Thendo-TPosted over 2 years ago

  @andreich1980 Thanks I will Fix it as soon as I can. Will do

  0

  

  Thendo•40

  @Thendo-TPosted over 2 years ago

  @andreich1980 I have updated it. please check it. The previous results aren't being overwritten even when I made updates

  0

  

  Andrew•380

  @andreich1980Posted over 2 years ago

  @Thendo-T You can re-render the screenshot here, there's a button somewhere. But take care, you can only update your screenshots 5 times for free account.

  0

  

  Andrew•380

  @andreich1980Posted over 2 years ago

  @Thendo-T I checked your changes.

  Here's my tip: since Tailwind CSS is mobile-first, you don't need to specify every screen size breakpoint like md:rounded-l-md lg:rounded-l-md lg:rounded-l-md is redundant here, it will make change once your screen size reaches md breakpoint, no need to specify lg breakpoint if the value is the same

  Marked as helpful

  0

  

  Andrew•380

  @andreich1980Posted over 2 years ago

  @Thendo-T Found one more bug: when you hover just a border of a button - it changes bg color, but text color changes only when you hover the button.

  You should update bg and text color only on the button, not on the div.

  Marked as helpful

  0

  

  Thendo•40

  @Thendo-TPosted over 2 years ago

  @andreich1980 Okay thanks, I'll look into it

  1

  

  Thendo•40

  @Thendo-TPosted over 2 years ago

  @andreich1980 I have made the changes, thanks for the help 🙏

  1