Clipboard landing page responsive using flexbox and grid

Community feedback

• 

  ola-dev•60

  @Ola-star-coderPosted 11 months ago

  Hi bro you did a mistake, You can use this: HTML

  <div class="second"> <article class="grid-1"> <img src="images/image-computer.png" alt="computer image"> </article> <article class="grid-2"> <div class="word"> <h2>Quick Search</h2> <p>Easily search your snippets by content, <br>category, web address,application, and more.</p> </div> CSS: .second { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; margin-top: 60px; }

  .grid-1 img { margin-left: -20px; /* width: 91%; */ }

  .grid-2 { margin-top: 50px; }

  .word { margin-top: 40px; }

  .word h2 { font-size: 20px; margin-top: 10px; }

  .word p { line-height: 30px; color: rgb(145, 144, 144); margin-top: 10px; }

  I hope it helps. Also do the hover.

  0