chat-app-css-illustration-master

Community feedback

• 

  Aghla Abdo•340

  @AghlaAbdoPosted over 1 year ago

  Hi, great job, you did excellent work.

  However, there are few things to note on your code. First of all, you used Fontawesome to import some icons, and the challenge is focused to create everything only with CSS.

  You could create those arrow using:

  .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  }
  .left-arrow {
  transform: rotate(135deg);
  }
  .right-arrow {
  transform: rotate(-45deg);
  }
  

  And you could create those 3 dots menu by creating 3 divs inside a another div container:

  <div class="dots">
  <div></div>
  <div></div>
  <div></div>
  </div>
  
  .dots {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  }
  .dots div {
  background-color: rgba(255, 255, 255, 0.76);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  }
  

  Another thing to note in the .msg-input section; there is no need to add any input, it supposed to be just like a screenshot but made with CSS, shouldn't interact with it. And also for the radio input, it should be just like an icon.

  In general you did great work by finishing this intermediate challenge. I also went through this challenge you can see my solution on my profile. I wish you happy coding ;-)

  Marked as helpful

  1

  ---

  

  JustMe__Dev•140

  @Olagunju9148Posted over 1 year ago

  Thanksfor this sir....I really do appreciate. @Aghlaabdo

  1
• 

  uchenworks•290

  @uchenworksPosted over 1 year ago

  Great work really love your code

  0