I don't understand the point of the overflow: hidden at 11:18. Is it because the button and the background image are exceeding the borders of the container? So they are actually overflowing the container. Using overflow:hidden hides away the sharp corners that exceed the curved borders? Is my understanding correct?
@@angeladesign737 A picture gallery or Image Slider perhaps. Not sure if Parallax effect is still the 'IN' thing but would be great to see it done in CSS. Great job so far Angela! I am sure your channel will grow super big.
Hello Angela , your css videos are very much helpful for me .Thanks for explaning the depth concepts of css. And in this video u use a property called clip path , so i have a question related to it , While cliping an image is the position of an image change or not.
Amazing content and turotial! Really you are one of the bests that their tutorials really improve us! However i have a question. Although i love your overall design and layout for desktop and mobile view, what if on mobile view (iphone x) i wanted two columns instead of one?Having a review site it wouldnt make sense to use two columns so users can see more reviews faster even in their mobile? How can this happen without ruin the overall great design of the cards?
Thank you so much! If the goal was to have 2 columns visible in the mobile view I would design the cards with that intention in mind. I would have modified the layout slightly and then used the same column structure as the desktop view for the mobile view.
@@angeladesign737 I am just saying the truth! Continue the amazing work of teaching us modern CSS techniques! So i tried this on wrapper-grid selector and it seems to work fine. grid-template-columns: minmax(200px, 0.8fr);
Hi thanks for ur videos. i want ask you , all responsive options working fine on mozila But on chrome on mobile size it doesn't switch to one column its keep 2 .what do u think is the problem . sorry for my English
You're simply....a genius! Love the way u explain how to....everything!
I don't understand the point of the overflow: hidden at 11:18. Is it because the button and the background image are exceeding the borders of the container? So they are actually overflowing the container. Using overflow:hidden hides away the sharp corners that exceed the curved borders? Is my understanding correct?
Yup, that is correct!
@@angeladesign737 Excellent. Thank you for your reply.
Love it!, Angela! Well explained and keeping it short & sweet. Great video!
Thank you! Let me know if you would like to see a tutorial on a specific topic!
@@angeladesign737 A picture gallery or Image Slider perhaps. Not sure if Parallax effect is still the 'IN' thing but would be great to see it done in CSS. Great job so far Angela! I am sure your channel will grow super big.
Thanks for the kind comment and the video suggestions!
Great job . I love how much effort you put into making a video.
Thank you!
Nice tutorial, and such a beautiful voice
Thank you!
Very Nice expalination.
Nice Voice
Nice control over logic
Thumbs Up
Thank you so much
Great Job. The way you teach it's very easy to learn. Please keep it up.
Thank you so much!
Thank you very much for this tutorial!
Ok thanks, you have no idear how much you helped me after 5 hours looking for how to customize number of cards in row related of precise screen size !
Glad it helped!
Wow! Great job!! Thank you.
Hello Angela , your css videos are very much helpful for me .Thanks for explaning the depth concepts of css.
And in this video u use a property called clip path , so i have a question related to it , While cliping an image is the position of an image change or not.
great work . thanks for the video
thank you so much from Tunisia
The quality if you videos content is fantastic 👏 👌
Thank you! I appreciate it!
For the background image why did you choose position: absolute ;
this is a perfect mobile first strategy, great job, can you also add animation/transitions ???
Amazing content and turotial! Really you are one of the bests that their tutorials really improve us! However i have a question. Although i love your overall design and layout for desktop and mobile view, what if on mobile view (iphone x) i wanted two columns instead of one?Having a review site it wouldnt make sense to use two columns so users can see more reviews faster even in their mobile? How can this happen without ruin the overall great design of the cards?
Thank you so much! If the goal was to have 2 columns visible in the mobile view I would design the cards with that intention in mind. I would have modified the layout slightly and then used the same column structure as the desktop view for the mobile view.
@@angeladesign737 I am just saying the truth! Continue the amazing work of teaching us modern CSS techniques! So i tried this on wrapper-grid selector and it seems to work fine. grid-template-columns: minmax(200px, 0.8fr);
If one card has a longer description the cards with shorter description have their buttons all wrong. How to fix that? Thanks for a great tutorial.
Thanks! You would have to modify the positioning of the button. Maybe make it relative and add a top margin.
Is there a missing in codepen for the "wrapper-grid" class?
Ah good catch! Thanks!
Hi thanks for ur videos. i want ask you , all responsive options working fine on mozila
But on chrome on mobile size it doesn't switch to one column its keep 2 .what do u think is the problem . sorry for my English
From smart ideas comes great leaders.
Thanks for that!
Hey can you make video to get started with ui ux design ❤️❤️
Great suggestion, thanks!
Why not use the body tag as a grid wrapper?
You can use the body as the grid-wrapper. I wanted to keep it separate so I can easily add new components to the project.
how to solve the grid-gap that can't work?
Try just 'gap' instead.
Amazing!
love you angel ❤️❤️❤️❤️❤️❤️
Fantastic :)
Thanks
Yummi like butter on honey!
see later ...