JSFiddle - React, Tailwind, and code Playground

by Pasia

HTML

<div class="tweet">
    <article class="detail">
        <img width="50px" height="50px" src=""/>
            <h1>mannuk</h1>
            <p>This is my first tweet that i've sent with my twitter. RT if you like it #firstTweetadsadasdasdsdasdasdasdasdasdasdasdasdasdasdasdasdadasdadasdasdadads</p>
    </article>
    <div class="tools">
        <a href="#retweet">Retweet</a>
        <a href="#delete">Delete</a>
    </div>
</div>

CSS

.tweet{
    background-color: #1FCC84;
    border: 1px solid #000000;
    border-radius: 0.5em;
    margin: 2px 0;
    font-size: 0.8em;
}
.detail img{
    padding:10px;
    padding-top:5px;
    float:left;
}
.detail h1{
    padding-top:5px;
    font-size:12px;
}
.detail p{
    background-color:red;
    width:500px;
    margin-left:70px;
}
.tools{
    margin-left:70px;
    margin-bottom:5px;
}