_spa-product-page-mcfadyen-assignment-sep-23.jpg "SPA Product-Page - Mcfadyen assignment - Sep 23 from carousel react Video Screenshot Preview")
GalleryPlay Video:
(Note: The default playback of the video is HD VERSION. If your browser is buffering the video slowly, please play the REGULAR MP4 VERSION or Open The Video below for better experience. Thank you!)
⏲ Duration: 43 sec
✓ Published: 20-Sep-2023
✓ Published: 20-Sep-2023
Description:
Problem Statement:nConvert Figma design to responsive (Mobile and Desktop) React SPA. ( Test assignment )nGitHub project Link: https://github.com/vishalanand072/spa-product-d-pnnBehavior, DesktopnImages scroll with the user down the page. Content on the left and right sticks.nWhen the bottom of the last image is reached, a sticky scroll releases, allowing the user to navigate the rest of the page. nThe heart is sticky, resting in the corner of the entire scroll of the image block.n nBehaviour, M
Problem Statement:nConvert Figma design to responsive (Mobile and Desktop) React SPA. ( Test assignment )nGitHub project Link: https://github.com/vishalanand072/spa-product-d-pnnBehavior, DesktopnImages scroll with the user down the page. Content on the left and right sticks.nWhen the bottom of the last image is reached, a sticky scroll releases, allowing the user to navigate the rest of the page. nThe heart is sticky, resting in the corner of the entire scroll of the image block.n nBehaviour, M
Share with your friends:
Whatsapp | Viber | Telegram | Line | SMS
Email | Twitter | Reddit | Tumblr | Pinterest
Related Videos
_build-a-react-carousel-slider-component-using-react-hooks-2021.webp "Neplead")
_breaking-down-boston39s-game-2-win-vs-the-pacers-what-to-expect-in-game-3-124-celtics-lab.webp "The Boston Celtics defeated the Indiana Pacers 126-110 in Game 2 of the NBA's 2024 Eastern Conference finals thanks to a career playoff-high matching 40 points from Jaylen Brown. But it came at the expense of backup big man Luke Kornet's wrist being sprained on a team already thin at center; will Boston be okay with Kornet on the bench?.<br/><br/>On the other side of the court, however, we saw Pacers star Tyrese Halliburton leave the game injured in the second half with what initially appeared to be a re-aggravation of the hamstring injury that kept him out for significant time this season. Will he be able to play when the series shifts pack to Indiana for Game 3, and if not, is a sweep incoming?<br/><br/>The hosts of the CLNS Media \")
⏲ 23:3 👁 47.5M
_react-image-carousel-tutorial-beginner-reactjs-hooks-tutorial.webp "PedroTech")
_slideshow-124124react-carousel-124124-react-responsive-carousel-124124-react-js.webp "Coding Comics")
_swiperjs-react-swiper-js-how-to-use-react-swiperjs-and-create-a-carousel-with-source-code-2023.webp "Travels Code")
⏲ 15 minutes 11 seconds 👁 39.4K
_create-a-product-slider-in-react-js-without-any-external-library-124-slider-carousel-124-harshal-jain.webp "Coders Hub")
⏲ 25 minutes 3 seconds 👁 19.4K
_after-a-student-suicide-how-schools-should-respond.webp "One mental health expert likens a student suicide to a bomb going off in the school. Those closest to the student are most directly affected, but the impact can impact the entire student body, even those who didn’t know the student well. It’s critical that schools respond in the correct way, both to help students and staff heal, and to prevent additional suicides. Schools have to walk a fine line between not glamorizing the death, but not ignoring it either. They need to provide opportunitie")
_how-to-make-card-slider-in-react-js-124-react-slick.webp "Etisha Garg")
_build-a-react-carousel-slider-component-using-react-hooks-2021.jpg)
_breaking-down-boston39s-game-2-win-vs-the-pacers-what-to-expect-in-game-3-124-celtics-lab.jpg)
_react-image-carousel-tutorial-beginner-reactjs-hooks-tutorial.jpg)
_slideshow-124124react-carousel-124124-react-responsive-carousel-124124-react-js.jpg)
_swiperjs-react-swiper-js-how-to-use-react-swiperjs-and-create-a-carousel-with-source-code-2023.jpg)
_create-a-product-slider-in-react-js-without-any-external-library-124-slider-carousel-124-harshal-jain.jpg)
_after-a-student-suicide-how-schools-should-respond.jpg)
_how-to-make-card-slider-in-react-js-124-react-slick.jpg)
![[+]](/images/menu.gif){kind=small}