All Gallery

<!--doctype html--> <title>Example</title> <style> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:auto!important;} .post { width:auto!important; } </style> <style> .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 40px; align-items: center; } .grid > article { border: 3px solid #ccc; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); } .grid > article img { max-width: 100%; } .text { padding: 0 10px 10px; } .text > button { background: gray; border: 0; color: white; padding: 10px; width: 100%; } </style> <main class="grid"> <article> <a href="https://poetry.ai-1.art/p/islamic.html" target="_blank"> <img alt="Sample photo" src="https://i.ibb.co/ZLKStL5/Islam-6.jpg"></a> <div class="text"> <h6>Islamic</h6> <a href="https://poetry.ai-1.art/p/islamic.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/life-secret-by-poetry-al.html" target="_blank"> <img alt="Sample photo" src="https://i.ibb.co/f4jp7Jt/LIfe-Secret-32.jpg"></a> <div class="text"> <h6>Life Secret</h6> <a href="https://poetry.ai-1.art/p/life-secret-by-poetry-al.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/important-line-by-poetry-al.html" target="_blank"> <img alt="Sample photo" src="https://i.ibb.co/qWW2L3k/Important-Line-7.jpg"></a> <div class="text"> <h6>Important Line</h6> <a href="https://poetry.ai-1.art/p/important-line-by-poetry-al.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/about-life-pleased-by-poetry-al.html" target="_blank"> <img alt="Sample photo" src="https://i.ibb.co/pQqXdQ1/About-Life-Pleased-40.jpg"></a> <div class="text"> <h6>Pleasant life</h6> <a href="https://poetry.ai-1.art/p/about-life-pleased-by-poetry-al.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/poetry-by-poetry-al.html" target="_blank"> <img alt="Sample photo" src="https://i.ibb.co/DkkLTgh/Poetry-3.jpg"></a> <div class="text"> <h6>Poetry</h6> <a href="https://poetry.ai-1.art/p/poetry-by-poetry-al.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/quotes-by-poetry-al.html" target="_blank"> <img alt="Sample photo" src="https://blogger.googleusercontent.com/img/a/AVvXsEik70Gmb2RDKCr3DN6-uwcildK7f7kaI3vIlE7rG8z4QhyJtI_wVtAiyIOntW_YWz3iy6oKR6W3OdY4Cl7EkKSCoR0cdf0z0truwrNiKH7ddOIlpy8oHuxW80okvOAHmgytVeqUoF51-FhoRu_NFFTPdgSq35M6a5cAn10a727YvYWsOuOXKqDvLPfz=w640-h426"></a> <div class="text"> <h6>Quotes</h6> <a href="https://poetry.ai-1.art/p/quotes-by-poetry-al.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> <article> <a href="https://poetry.ai-1.art/p/funny-pic-by-peotry-ai.html" target="_blank"> <img alt="Sample photo" src="https://blogger.googleusercontent.com/img/a/AVvXsEj5ZdTpOwkbrhihGqmOzRHcDV7LgExdF3CNsV_Igi5GP4tTTqniuvr150isteY154A1UDLjpmNOgM4CwvMhzFKZmXsT8dzlt7UfM-ytbI58UgNSZQQSGepJhlhkU_FVWs7n-1gQYOendV_BOa35BrkDD0O3ZsUUWUasIzuBVQ4FMbwqsXMESW9NEtm5=s600"></a> <div class="text"> <h6>Funny </h6> <a href="https://poetry.ai-1.art/p/funny-pic-by-peotry-ai.html" target="_blank"> <button>Chick here for more</button></a> </div> </article> </main>