Responsive Cards Using CSS Grids
ฝัง
- เผยแพร่เมื่อ 11 ต.ค. 2020
- Download Source Code :
www.codingartistweb.com
-----------------------------------------------------------------------------------
❤️Get in touch:
Email: mitali@codingartistweb.com
Website: codingartistweb.com
Instagram: / coding.artist
-----------------------------------------------------------------------------------
🎵Music:
Track: Floral Nights - Artificial.Music [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Floral Nights - Artifi...
Free Download / Stream: alplus.io/Floral-Nights
Intro Music:
Track: JPB - High [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • JPB - High | Trap | NC...
Free Download/ Stream: ncs.io/jpbhigh
Thank you so much for making this video it's excellent quality. I'm just wondering how do I stop the images from going very wide
and too tall?
play with the width and height
Thank you so much
Your video content very nice bro
Epic help,tysm
what should I do if the images and cards are all different sizes?
put the img inside of a figure, and add some width an height to figure and the img put it 100%
Thanks for helping in web blog project.🧡💛💚💙💜❤🤗
thank you for your videos 🙏 thanks to you I created my first youtube channel in html and css only 😀.
I like your channel, very good
i have a question. Lets say you want to put the last card in the middle. How can you do it ?
change the html order would be the easiest way.
Cool ! Tell me what font is used in vs code ?)
Thanks !!!
It's Poppins.
@@CodingArtist Thank you so much ! I tried it, but it's a pity that the small indentation between dots and other symbols (
thx for this tutorial
Welcome 😊
nice !
the css file is nothing but a link to the web
My cards don't go to horizontal when page is full screen, any sugestions?
It's hard to say without checking the code. However you can download the source code (link in video description) and compare with your code. Or else you can mail me the code so I can check.
How do you control the vertical spacing
With grid-gap or grid-gap-row
My image wont fit with width: 100%, how can i fix it?
same problem... any solution for that?
set it min-width instead of just width this will force it to 100%
I don't find the source code on your website
Use the search button on the website and enter the video name.
without media tag how is this responsive? 😕
With Grid Layout. No media queries required here.
@@CodingArtist ok thanks 😊
cant find the source code !!!
You have to serach using the search bar on website.
Source code ? There's only a website that leads to a youtube channel
Link in video description
@@CodingArtist ik dude , but the problem is it just lead to your youtube
Scroll down. There is a button called 'Download code'.
@@CodingArtist okay I found it , btw I need a help , how can I make the image round
@@dhruvgupta5658
Try this:
.container{
clip-path: circle(50% at 50% 50%);
}
Maybe Last
First