Golden Sands Forums

HTML
<div class="sands-forum-outer"> <div class="sands-forum-left"> <div class="sands-forum-gif"> <img src=""/> one </div> </div> <div class="sands-forum-center"> <span class="sands-forum-title">title here</span><br/> on date - topic/name? </div> <div class="sands-forum-right"> <span class="sands-forum-title">##</span><br/> posts<br/> <span class="sands-forum-title">##</span><br/> topics </div> </div>
CSS
.sands-forum-outer { display: flex; flex-direction: row; background-color: red; border-radius: 20px; border: 5px solid blue; } .sands-forum-left { background-color: purple; border-radius: 15px 0px 0px 15px; padding: 33px; } .sands-forum-gif { width: 75px; height: 75px; background-color: ; background: url(https://i.postimg.cc/tTFmMtFk/1511c707da84d30711e5b36aaded40c5.jpg); background-size: cover; border: 2px solid blue; border-radius: 10px; } .sands-forum-center { background-color: blue; width: 70%; padding: 30px 30px 0px 0px; text-align: right; height: 100px; } .sands-forum-title { font-size: 35px; } .sands-forum-right { background-color: yellow; padding: 0px 20px 0px 20px; border-radius: 0px 15px 15px 0px; font-size: 12px; text-align: center; }
JAVASCRIPT
Expand for more options Login