Starting with desktop finishing with FULL RESPONSIVE. Basic CSS & HTML

Community feedback

• 

  Zayat•310

  @Z-ayatPosted about 3 years ago

  flex and padding would give you much more eye rest Check that solution "https://www.frontendmentor.io/solutions/pure-css-only-shadows-of-bs-and-fa-icos-P4yAaJnEA" created a div.container for the messages and gave it display:flex; flex-direction:column; then i used align-self on recived class to left and align-self:right; on sent which was {<p class="sent">Sent message...</p>}

  Marked as helpful

  1
• 

  Siege•520

  @idesmarPosted about 3 years ago

  Great job! Especially with creatively making the shapes needed to form the phone details and using radio buttons.

  I noticed there were 3 containers that only had a dot in it to form some details. This is just a personal preference, I usually use pseudo elements for that (::before and ::after). That's another way to make the other details. Also, if you need more pseudo-elements, you can enclose the container in another container and use its pseudo-elements.

  Hope I was able to give you some good advices. :)

  Marked as helpful

  1