All comments

Parves Hossain Rabby• 560
@Iamparves
Submitted 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
Doc• 100
@GodILoveTequila
Posted 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
Elivi• 20
@illiaguiho
Submitted 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
Doc• 100
@GodILoveTequila
Posted 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

Doc

All comments

Profile Card

NFT Previw Card Component Using Flexbox