Non Responsive Solution using Flexbox

Community feedback

• 

  wannacode•720

  @kwngptrlPosted over 1 year ago

  With regards to your third question: "How can I reference specific elements without cluttering the element with style, for example without using class as well."

  You could move most of the inline css in your index.html to your style.css since there's a lot of duplication, like so:

  .first,
  .second,
  .third {
    background-color: hsla(333, 80%, 67%, 0.1)
  }
  
  .align > img {
    width: 38px;
    border-radius: 50%;
    margin-right: 20px;
  }
  
  h5 {
    font-size: 15px;
    font-weight: 500;
  }
  

  and so on...There are still other inline css that you can move into style.css. You can refer to CSS Selector Reference for more info.

  0