Blog Preview Card using Flexbox

Community feedback

• 

  P

  JOSIANE FERMAO•170

  @josifermaodevPosted 4 months ago

  Congratulations, your code is very good, in my opinion there is nothing to improve! But answering your question about how to deal with elements one at a time. This would be my view:

  1 - Using IDs: IDs are unique to each element on a page, allowing you to select and style a specific element.

  <div id="elemento1">Element 1</div>
  <div id="elemento2">Element 2</div>
  
  #element1 {
       color: red;
  }
  #element2 {
       color: blue;
  }
  

  2 - Using Classes: Classes can be used on multiple elements, but you can combine classes and other selectors to style specific elements.

  <div class="element element1">Element 1</div>
  <div class="element element2">Element 2</div>
  
  .element1 {
       color: red;
  }
  .element2 {
        color: blue;
  }
  

  3 - Using Pseudo-classes: Pseudo-classes like :nth-child, :first-child, :last-child, etc., allow you to select elements based on their position within a container.

  <div class="container">
      <div>Element 1</div>
      <div>Element 2</div>
      <div>Element 3</div>
  </div>
  
  .container div:nth-child(1) {
      color: red;
  }
  
  .container div:nth-child(2) {
      color: blue;
  }
  
  .container div:nth-child(3) {
       color: green;
  }
  

  I hope this can help you!

  Marked as helpful

  1