Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,160,449 members, 7,843,369 topics. Date: Wednesday, 29 May 2024 at 12:35 AM

Flexbox And Grid CSS - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Flexbox And Grid CSS (661 Views)

Flexbox Is Underrated. Here's The Skeleton Of An Image Gallery I Created. / Build A Responsive Music App By Understanding Flexbox / After 10days Of Coding With Html, Css And Javascript Forum4africa Is Ready (2) (3) (4)

(1) (Reply) (Go Down)

Flexbox And Grid CSS by Hope2014(m): 7:30pm On May 18, 2022
Am into backend actually, does anyone have any resources or links that can help one understand this
Re: Flexbox And Grid CSS by FlameHashira: 7:46pm On May 18, 2022

https://www.youtube.com/watch?v=3elGSZSWTbM by the king of CSS himself Kevin Powell, those two arent really hard to understand so goodluck
Re: Flexbox And Grid CSS by Hope2014(m): 7:53pm On May 18, 2022
Thanks
Re: Flexbox And Grid CSS by Hope2014(m): 10:58pm On May 18, 2022
FlameHashira:

https://www.youtube.com/watch?v=3elGSZSWTbM by the king of CSS himself Kevin Powell, those two arent really hard to understand so goodluck
Please do you know any resources for building a footer and making it responsive. Thanks for Kevin Powell resource
Re: Flexbox And Grid CSS by Nobody: 11:44pm On May 18, 2022
Something that shouldn't take u up to 2 minutes to grasp


Create a div and some child's to it


Now open your chrome inspect and start playing with the flex properties using chrome css... within minutes you'd grasp the concept

1 Like

Re: Flexbox And Grid CSS by bularuz(m): 10:21am On May 19, 2022
Hope2014:
Am into backend actually, does anyone have any resources or links that can help one understand this

Save yourself stress, just use bootstrap
Re: Flexbox And Grid CSS by thanksjosh005: 11:21am On May 19, 2022
Major tip for using css flexbox and grid: Always implement display property and set value to grid if using grid or flexbox if using flexbox. They are two different things else your box or container element won't work.

2 Likes

Re: Flexbox And Grid CSS by FlameHashira: 2:17pm On May 19, 2022
Hope2014:

Please do you know any resources for building a footer and making it responsive. Thanks for Kevin Powell resource
Sorry I don't think I fully understand what you mean, footer ke? Generally there isn't a need to make a footer specifically responsive just once the whole page is responsive that's it, footers don't really have much things in it apart from copywrite and some contact info
Re: Flexbox And Grid CSS by Hope2014(m): 3:09pm On May 19, 2022
FlameHashira:

Sorry I don't think I fully understand what you mean, footer ke? Generally there isn't a need to make a footer specifically responsive just once the whole page is responsive that's it, footers don't really have much things in it apart from copywrite and some contact info
I am

Re: Flexbox And Grid CSS by olioxx(m): 8:22pm On May 19, 2022
I wont recommend you watching YouTube videos, instead I will suggest FreeCodeCamp(https://freecodecamp.org). An entire sub-section is dedicated towards
CSS Flexbox, CSS Grid and Animation.
Learn the concept first before any video watching. In addition, the Mozilla Developer Network can come in handy, on
your VSCode edition, once you write a rule, and you dont understand any property inside the rule, hover over it, you should see an MDN link where you can learn more.
#cheers
Re: Flexbox And Grid CSS by FlameHashira: 11:55pm On May 19, 2022
Hope2014:
I am
That's normal I think since you have to scroll all the way down, if you don't want it like that you can just reduce the font size and restructure it

(1) (Reply)

Pls I Need Ur Advice On My Career / Donpazzza,donpuzo Or Whatever / Resources For HTML5 Game Developers

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 14
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.