Profile card using css flexbox and basic css.

Community feedback

• 

  Adarsh Pratap•5,515

  @adarshcodesPosted almost 4 years ago

  Hi @sandeepkadiyam, Welcome to this community of learners, and congratulations on submitting your first project. I'm glad you ask to make it more similar to the design.

  • You need to learn about responsive design, for that you've to learn about Flexbox, CSS-Grid, and the media-queries.
  • You have to do a lot of the projects to master what you learned, and for that you are at right place.

  let's talk about your solution:

  • Design aspect: the design is fine but you can do a few more things to make it more similar to the design. You can remove those images from the HTML markup and do it using CSS, here you can take the reference from.

  -Responsive aspect: As this is your first poroject, you still have to learn about it, so Keep Coding :)

  • Issues aroused: great work! it's your first solution and there is no issues.

  Happy Coding :)

  4

  ---

  

  Surya Durga Sai Sandeep Kadiyam•40

  @sandeepkadiyamPosted almost 4 years ago

  @adarshcodes Thank you so much for the inputs.

  1
• 

  Abhik•4,840

  @abhik-bPosted almost 4 years ago

  Hi Surya 👋

  Your card is great and your solution is very close to perfection, and it is very responsive

  **Just my opinions : **

  • add height: 100vh;overflow: hidden; to body to hide scrollbars and overflow of background circles and it will also make it nicer
  • you might wanna give some border to profile-image or try some other way to have that white border
  • what I do to have better results (or make exact copy of the design) is exploring others' solutions and learn how they approached a particular problem , this way you can experiment yourself and find better practices

  Happy coding 😇 and Keep contributing these amazing solutions 🚀

  2

  ---

  

  Surya Durga Sai Sandeep Kadiyam•40

  @sandeepkadiyamPosted almost 4 years ago

  @abhik-b Thank you so much for the inputs.

  1
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Greetings, Surya Durga Sai Sandeep Kadiyam! 👋

  I just wanted to say, congratulations on completing your first Frontend Mentor challenge! 🎉 Good work on this one! 👍

  Simply follow the helpful suggestions given above, and I think you'll be good to go! 😀

  Keep coding (and happy coding, too)! 😁

  1