Using Tailwind

Community feedback

• 

  CyrusKabir•1,885

  @CyrusKabirPosted about 3 years ago

  hello my dear friend ♥ your card at all it's good and clean but here some advice :

  • in your card footer number and text (like 80k and followers) should aligned center
  • for circle backgrounds we have multiple ways but good way is using background position in vh (viewport height) , vw (viewport width) you can see others solution to find out at all it's clean and good and using new technology it's good as a developer to know new things. good luck ♥♥

  Marked as helpful

  2

  ---

  

  Michael Morrison•500

  @mjmorrison10Posted about 3 years ago

  @CyrusKabir Thank you so much! I didn't even notice the text being centered!

  As far as making circular divs, I didn't even know there were other ways of doing it! Thanks for the idea!

  1

  

  CyrusKabir•1,885

  @CyrusKabirPosted about 3 years ago

  @mjmorrison10 your welcome my dear friend ♥ happy coding

  1
• 

  Rochak Pandey•80

  @pandeyrochakPosted about 3 years ago

  You can check my solution here : https://www.frontendmentor.io/solutions/profile-card-built-with-html-and-css-iUOV9AWvC I have used Flexbox to align the top circle to left and bottom circle to right. Also, I used "position: absolute" to push to them to the edges.

  Marked as helpful

  1