All comments

• 

  Parves Hossain Rabby•560

  @IamparvesSubmitted almost 3 years ago

  This took way too long than it should have. I was struggling with the background. I managed to do it for desktop easily using background image. But it wasn't fitting for tablet or mobile device. Then I tried using pseudo element. But even that was't satisfactory. I ended up with the background solution. And used media query for tablet and mobile device. I feel like it's still a little bit messy.

  Anyone tried using transform-translate? Maybe I should try using the combination of pseduo element and transform property.

  I would greatly appreciate any tips regarding this issue.

  

  Profile Card

  1

  10
  

  Doc•100

  @GodILoveTequilaPosted almost 3 years ago

  Hello, good job. Today i also had some troble making this one. You can make the circles responsive by adding a html img with an empty alt attribute instead of using css background property. And to make that have a look at css relative and absolut position. Keep it going. Cheers!

  0

  This comment has received 1 replyShow
• 

  Elivi•20

  @illiaguihoSubmitted almost 3 years ago

  I tried my best to make it look like the design but I feel like I might have messed up the text size or the dark bluish shape behind the card. Any help would be welcome!

  

  NFT Previw Card Component Using Flexbox

  1

  10
  

  Doc•100

  @GodILoveTequilaPosted almost 3 years ago

  Hello, good job finishing this one! I have found some issues you can easily fix. It would be a good idea to think about the context and put everything into a section or main ( depending on what you're building). Also will be better to use css for applying width to the elements. Also you can have a look at flex box-> justify-items, so you can align items in the center. Keep it going. cheers!

  0