Build A Responsive YouTube Modal Gallery | HTML, CSS & JS tutorial | codeopacity

Hi, thanks for watching our video about How To Make A Popup gallery Using HTML, CSS, And JavaScript | Create a Modal Box In HTML Website With Animation Step by Step.
In this video we’ll walk you through:
1. How to make a responsive card section;
2. Learn the use of JavaScript to make a YouTube Modal Popup Gallery.

ABOUT OUR CHANNEL
Our channel is to learn how to design a fully responsive website, a great vanilla JavaScript project, and creative UX and UI design using HTML and CSS. We cover a lot of great things like JavaScript libraries, creative CSS animations and hover effects, website interactions, and much more.

https://www.youtube.com/c/CodeOpacity
Don’t forget to subscribe! New Videos Every Week!

The source files will be uploaded on my blog as always.
https://opacitycode.blogspot.com/

CHECK OUT OUR OTHER VIDEOS
https://youtu.be/q3u5J4Lg2CY
https://youtu.be/AXi7VxTUZ8M
https://youtu.be/bW6gg7YGM9E

TIMECODES:
0:00 - Intro
0:06 - HTML
4:47 - CSS
10:48 - Javascript
20:14 - Outro

CHECK OUT OUR PROJECTS
https://codepen.io/codeopacity

OTHER LINKS RELATED TO THIS VIDEO
Project Link: https://codepen.io/itsrehanraihan/pen/KKJJeog
Font Link: https://fonts.google.com/specimen/M+Plus+1

GET IN TOUCH
Contact us at [email protected]

FOLLOW US ON SOCIAL
Get updates or reach out to Get updates on our Social Media Profiles!
Twitter: https://twitter.com/codeopacity
Facebook: https://www.facebook.com/
Instagram: https://www.instagram.com/codeopacity

If you'd like a behind-the-scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

"Copyright Disclaimer under Section 107 of the Copyright Act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use."

I don't own the audio and picture. The credits go to the respective owners. This video is purely fan-made, and will not be used for profit or illegal sharing.

tailwind projects, html css website, modal popup, dialog box, notification, alert, badge html css, gitub, html css bootstrap, sidebar menu html css javascript, responive section html css responsive, website design, html tutorial, html table generator, js tutorial, HTML, beginner project, code opacity, opacity code, html tutorial, Figma, project, tutorial, sketch, accordion css javascript, how to, create modal javascript, bangla tutorial, dashboard navigation menu using html css javascript, how to create, css javascript, css, footer html css javascript, webdesign günstig, webdesign braunschweig, full service webdesign & mediabureau, html


#modal #htmlcss #popupcard #codeopacity

Thanks for watching the video!