How to make Image responsive using Aspect ratio? No Media Query | NextJS Image component
In this video, you will learn how to make images responsive using Aspect Ratio. No media queries are needed.
Resources:
Blog: https://dev.to/thatanjan/responsive-i...
codepen: https://codepen.io/thatanjan/pen/mdBLjgK
Css position: • CSS Positions and z-index: Everything you ...
Fullpage landing page demo: https://thatanjan.github.io/fullpage-...
About me
Why do I do what I do?
-- The Internet has revolutionized our life. I want to make the internet more beautiful and useful.
What do I do?
-- I ended up being a full-stack software engineer.
What can I do?
-- I can develop complex full-stack web applications like social media applications or e-commerce sites.
Want to work with me?
-- I am looking for a team where I can show my ambition and passion and produce great value for them.
Contact me through my email or any social media as @thatanjan. I would be happy to have a touch with you.
Contacts
Email: [email protected]
Linkedin: / thatanjan
portfolio: https://thatanjan.me/
Github: https://github.com/thatAnjan/
Instagram personal: / thatanjan
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: https://www.culescoding.space/blog/se...
What is Client-Side Rendering?: https://www.culescoding.space/blog/wh...
What is Server Side Rendering?: https://www.culescoding.space/blog/wh...
Everything you need to know about tree data structure: https://www.culescoding.space/blog/ev...
13 reasons why you should use Nextjs: https://www.culescoding.space/blog/13...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript and ...
Everything you need to know about CSS in JS: • Everything you need to know about CSS in J...
Toggle Dark mode with Material-UI: • Material-UI Basics Course #4 - Toggle Dark...
Build a real-time view counter: • Build a blog using #JAMstack #6 - Build a ...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Build a...
Playlists you might like:
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intro & S...
Material-UI basics course: • Video
Quick tricks: • Access COOKIES in NextJS from server side....
Crash course: • Redux toolkit crash course. Everything you...
How-to videos: • Setup Eslint Prettier with Typescript and ...
Stay safe and good bye.