All comments

• 

  Borubar•115

  @Borub-arSubmitted over 3 years ago

  Hello everyone, it's my first post on this site. Any feedback on what could be improved is welcome!

  Thank you! :)

  

  Chat-app-CSS-illustration. First challenge ever (CSS/HTML).

  1

  10
  

  Priyanka•150

  @priyankaladPosted over 3 years ago

  @Borub-ar This is an awsome solution.. Looking at your code, I realized many mistakes I did in my solution. Just a suggestion, you can make use of font awesome icons in this solution

  1
• 

  kirubakk•245

  @KIRUBASHANKAR26Submitted over 3 years ago

  If u find mistakes,Help me to improve.

  

  Mobile first and using Flex

  2

  20
  

  Priyanka•150

  @priyankaladPosted over 3 years ago

  Hey,

  I have gone through your code, and it's pretty much cool except few alignments. I would recommend to implement this challenge using flexbox.

  Also, I noticed that feedback card containers are currently left aligned in the mobile view. To make them middle aligned, you can add 'margin: 20px auto' to the class "cards-container".

  Let me know if you need any further help

  Happy Coding :)

  2

  This comment has received 1 replyShow
• 

  Luis Gustavo Monteiro•45

  @GustavoMontSubmitted over 3 years ago

  I feel social media information can be wrong someway. If you found the problem or another one feel free to comment.

  

  HTML, CSS

  1

  10
  

  Priyanka•150

  @priyankaladPosted over 3 years ago

  Hi, I had earlier used background-position property with 2 values to align those 2 background images (like below code) and the struggle was real :)

  I refer one of the users code and she had used background-position property with 4 values like below in the body part

  background-position: right 45vw bottom 45vh, left 45vw top 45vh;

  [For more details on background-position] (https://css-tricks.com/almanac/properties/b/background-position/)

  0

  This comment has received 1 replyShow
• 

  Amelia Kang•60

  @doHoaSenSubmitted over 3 years ago

  Is there any way to decide margin top and bottom automatically of profile card? Thank you. It was my first time to clone-coding, and I'm really grateful that I had a chance to make awesome profile

  

  Solution of Profile card component using Atom

  1

  10
  

  Priyanka•150

  @priyankaladPosted over 3 years ago

  You can apply margin-top:25vh to the class whole-container

  Alternatively, you can use flexbox to align items in your html code.

  0