/>
<div className="row">
- <main className="col-12 col-md-8" ref={this.mainContentRef}>
+ <main
+ className="col-12 col-md-8 col-lg-9"
+ ref={this.mainContentRef}
+ >
{this.communityInfo(res)}
<div className="d-block d-md-none">
<button
{this.listings(res)}
<Paginator page={page} onChange={this.handlePageChange} />
</main>
- <aside className="d-none d-md-block col-md-4">
+ <aside className="d-none d-md-block col-md-4 col-lg-3">
{this.sidebar(res)}
</aside>
</div>
community && (
<div className="mb-2">
<BannerIconHeader banner={community.banner} icon={community.icon} />
- <h5 className="mb-0 overflow-wrap-anywhere">{community.title}</h5>
+ <h1 className="h4 mb-0 overflow-wrap-anywhere">{community.title}</h1>
<CommunityLink
community={community}
realLink