Desktop design

Active states

Modal design

Mobile design

Interactive comments section

<button id="comment-edit-btn">update</button>

<button id="comment-reply-btn">reply</button>

<span class="comment-name">amyrobson</span>

<span class="comment-created-at">1 month ago</span>

<div class="comment-content"><span class="replying-to"></span><span class="comment-text">Impressive! Though it seems the drag feature could be improved. But overall it looks incredible. You've nailed the design and the responsiveness at various breakpoints works really well.</span></div>

<span class="comment-name">maxblagun</span>

<span class="comment-created-at">2 weeks ago</span>

<span class="comment-name">ramsesmiron</span>

<div class="comment-content"><span class="replying-to">@maxblagun </span><span class="comment-text">If you're still new, I'd recommend focusing on the fundamentals of HTML, CSS, and JS before considering React. It's very tempting to jump ahead but lay a solid foundation first.</span></div>

<header>
              <img src="./images/avatars/image-juliusomo.png" alt="">
              <span class="comment-name">juliusomo</span>
              <div class="you-stamp">you</div>
              <span class="comment-created-at">2 days ago</span>
            </header>

<div class="comment-content"><span class="replying-to">@ramsesmiron </span><span class="comment-text">I couldn't agree more with this. Everything moves so fast and it always seems like everyone knows the newest library/framework. But the fundamentals are what stay constant.</span></div>

/textarea><button id="comment-edit-btn">update

<textarea name="comment" id="comment-text" placeholder="Add a reply..."></text

e">  <textarea name="comment" id="comment-text" placeholder="Add a comment..."></text

Please log in to post a comment

Community feedback

Interactive comments section using pure html ,css and javascript

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community