The latest articles on DEV Community by Rahber Hossain (@rahber_hossain_d5eda51b82). https://dev.to/rahber_hossain_d5eda51b82 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1697031%2F045f2d13-5963-42b6-9b6a-e23011e7994f.png https://dev.to/rahber_hossain_d5eda51b82 en Rahber Hossain Mon, 01 Jul 2024 11:01:37 +0000 https://dev.to/rahber_hossain_d5eda51b82/need-some-help-for-my-project-using-reactgsap-flip-n39 https://dev.to/rahber_hossain_d5eda51b82/need-some-help-for-my-project-using-reactgsap-flip-n39 <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft4uuvkhlftka7c1wulkd.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft4uuvkhlftka7c1wulkd.png" alt="Image description" width="800" height="500"></a>I've been trying to recreate a CodePen project that I saw the other day. Here is the CodePen project that I am trying to replicate.<br> <strong><a href="https://codepen.io/cmalven/pen/RwGqewd?editors=0110">https://codepen.io/cmalven/pen/RwGqewd?editors=0110</a></strong><br> I've worked a lot and spent a long time perfecting this, but I am unable to achieve the same result. I suspect the issue might be related to the CSS in my project. Here is my project on StackBlitz.<br> <strong><a href="https://stackblitz.com/edit/gsap-react-basic-f48716-dbpaw5?file=src%2Findex.js">https://stackblitz.com/edit/gsap-react-basic-f48716-dbpaw5?file=src%2Findex.js</a></strong></p> <p>I believe in learning by doing, so if there are some mistakes that seem obvious, please point them out. Additionally, if I have missed the mark at certain places, I'd appreciate any advice on how to correct it.</p> <p>I want to achieve similar kind of result as the one seem in codepen. Onclick the the image and the container should always spawn at the left side of the screen.</p> <p>Thank you for your help!</p> gsap css react