Fixing mobile version of the watch page

Profile Picture
Published on Sep 4, 2019

🤦‍♂️

The video title was hidden under the video when in a mobile.

Super simple fix by moving the <h1> to be inside of the commit-profile-block.

master18 days ago
Commit message

fixing missing title in watch pages mobile

web/components/CodingSession/index.js
...
190190 <div className="container-fluid">
191191 <div className="row">
192192 <div className="col">
193 <h1 className="commit-title">{codingSession.title}</h1>
193
194194 <div className="commit-profile-block">
195 <h1 className="commit-title">{codingSession.title}</h1>
195196 {user && <div className="commit-profile-block-info">
196197 <LinkToProfile user={user}><span className="commit-profile-avatar"><ProfilePicture user={user}/></span></LinkToProfile>
197198 <div className="d-flex">
...
web/components/Page/index.css
...
652652 }
653653
654654 .commit-profile-block {
655 margin-top: 310px;
655 margin-top: 280px;
656656 }
657657
658658 .commit-switch-code-video {
...
815815}
816816
817817h1.commit-title{
818 margin-bottom: 0px;
818 margin-bottom: 5px;
819 line-height: 120%;
819820}
820821
821822a .commit-profile-avatar-link:hover {
...