CSS Grid Image Gallery | HTML & CSS
Рет қаралды 38,071
Күн бұрынCSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that elements children (which become Grid Items).
This tutorial shows how you can create simple responsive image gallery using css grid.
--------------- Social Media ---------------
Facebook : / codegridweb
Instagram : / codegridweb
Twitter : / codegridweb
Thanks for watching !
Music :
Track: Far Out - Chains (feat. Alina Renae) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Far Out - Chains (feat...
Free Download / Stream: ncs.io/ChainsYO
@codegrid 5 жыл бұрын
These are some of the books that can help you learn web designing - 1. Web Design with HTML, CSS, JavaScript and jQuery Set - amzn.to/2T3WViK 2. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery) 2ED. - amzn.to/2DtVBAo 3. JavaScript and JQuery: Interactive Front-End Web Development - amzn.to/2R78ofJ 4. Web Animation using JavaScript: Develop & Design (Develop and Design) - amzn.to/2AZ3vQF 5. Mastering SVG: Ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript - amzn.to/2S1dj6p
@golugupta4213 6 жыл бұрын
How to create classified ads template using html and css no java.
@sayedakbarali5650 6 жыл бұрын
very good boss
@SentexKoul 6 жыл бұрын
Awesome, thank u for your videos!
@narahamashi 5 жыл бұрын
Which theme is this? i know you use atom editor.
@matthewpecko7676 6 жыл бұрын
How could we put a caption over the image?
@harshilparmar9076 6 жыл бұрын
Bau mast 👌
@codegrid 6 жыл бұрын
+Harshil parmar Thanks bro!
@arjunmarasini1626 6 жыл бұрын
can i open up any image like a window modal??
@JohnDoe-fe3zw 6 жыл бұрын
what text editor do you use?
@codegrid 6 жыл бұрын
+John Doe Atom
@dobelem 5 жыл бұрын
Hey! Have u the source code of this, please?
@danielmoseley3689 6 жыл бұрын
What dimensions were you images?
@codegrid 6 жыл бұрын
+Daniel Moseley I go through the resolution of my pc! It's 1366 px * 768 px. But for this tutorial you can take any same dimensions for all! Try it.
@danielmoseley3689 6 жыл бұрын
Strange, did everything you did with 1920px * 1080px images and it just does't work properly. Gaps between images, some images really small and appear cropped instead of fitting the grid. Not sure what I'm doing wrong, any ideas based on that info?
@nehliudov 6 жыл бұрын
That's what happened to me, too. Then I saw that he added an external stylesheet -> meyer reset. That was the trick.
@user-zh2fn1vc8z 5 жыл бұрын
@@danielmoseley3689, did you solve a problem with this?
@antondereroberer8259 5 жыл бұрын
It doesnt funct.
@igorzhuravkov8640 6 жыл бұрын
OMG
Fullyworld Web Tutorials
Рет қаралды 44 М.
AI Uncovered
Рет қаралды 74 М.