All comments

• 

  Priyesh Basumatary• 10

  @PriyeshB2000

  Submitted almost 2 years ago

  

  Responsive- NFT Preview Card Component

  1

  3

  0

  

  Ekure Edem• 260

  @astraldev

  Posted almost 2 years ago

  It seems you forgot to center the card vertically.

  Also, the size (width) of the card is kinda static and doesn't change on different screens.

  Also, the ntf image is supposed to be rounded... The best way to do it is to use a div as a container, set the border radius and set overflow to hidden.

  e.g

  HTML

  ...
  <div class="container">
    <img src="..." alt="..." />
  </div>
  ...
  

  CSS

  .container {
    /*Other styles*/
    border: 0 solid transparent;
    border radius: 1.5rem;
    overflow: hidden;
  }
  

  0
• 

  pedro lozano• 90

  @Pericles07

  Submitted almost 2 years ago

  

  Tarjeta-equilibrium

  #sass/scss

  1

  2

  0

  

  Ekure Edem• 260

  @astraldev

  Posted almost 2 years ago

  You could have centered the Card..

  I just checked your code

  .container {
    margin: 2rem;
    display: flex;
    justify-content: center;
    height: 37rem;
  }
  

  It turns out that, you could have added the align-items property to center the card on the vertical axis

  It could have been

  .container {
    margin: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37rem;
  }
  

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Ashar Mahmood• 40

  @ashardeveloper

  Submitted almost 2 years ago

  I have used a Barchart of reChart with react js. But It doesn't allow me to customize the current day's bar highlighted in a different color than the other bars. If you have done it, Kindly tell me about your way of doing it. Thanks

  

  Expenses chart component using Flexbox, reCharts of reactjs

  #react

  1

  2

  0

  

  Ekure Edem• 260

  @astraldev

  Posted almost 2 years ago

  Honestly, I think it would have been better if you used plain CSS for that by setting the height of the barto be the price in percentage tho as in my own solution at least, you'll have more control over the bars....

  Then if the price is greater than 50, change the colour....

  You can check out my solution here

  https://www.frontendmentor.io/solutions/expenses-chart-component-with-vuejs-4fUiJTIs_P

  Marked as helpful

  0

  This comment has received 2 repliesShow