I want to recreate this kind of "His work" button but I don't know where to start. Can someone give me some directions ? Thanks a lot.

CodePudding user response：

i dont know if its possible to recreate this 4 squares icon with the css, but for me the most simple way to do this is to insert an image inside. Please check this link : https://www.flaticon.com/free-icons/four-squares to see if you can use it

CodePudding user response：

 button{
      display: flex;
      justify-content: space-between;
      width:40%;
      padding: 10px;
      outline: none;
      border: none;
      border-top: 1px solid black;
      background: #fff
  
    }

    div{
      display: flex;
      justify-content: space-between;
      align-items: center;

    }

   



       <button>
        <div>
          <img src="your icon"></>
          <P> HIS WORK </P>
        </div>

        <div>
          <img src="icon"></>
          <img src="icon"></>
        </div>
        </button>