Responsive with Css and Mediaqueries

Community feedback

• 

  Byron•2,290

  @byronbyronPosted almost 3 years ago

  Hello!

  I prefer to use a pseudo element for the little triangle shape, which might look something like this:

  #main-middle::after {
      content: '';
      display: block;
      height: 0;
      border-left: 0.75rem solid transparent;
      border-right: 0.75rem solid transparent;
      border-top: 0.75rem solid #48556a;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
  }
  

  The trick is the three borders, two of which are transparent 👌

  1

  ---

  

  roastgrammer•60

  @roastgrammerPosted almost 3 years ago

  @byronbyron hello dude! thanx for your response , I tried that and make a shape like that challenge ,:) I'm exciting for using this skill in my next project ! tnx again....

  0