How to create a CSS image gallery in 5 minutes! 📷

preview_player
Показать описание
#css #course #tutorial

CSS HTML image gallery tutorial example explained
  1. Bro Code
  2. CSS image
  3. CSS gallery
  4. CSS tutorial
  5. CSS course
Рекомендации по теме
The Only CSS 0:24:22

The Only CSS Layout Guide You'll Ever Need

How to create 0:06:28

How to create a CSS navigation bar in 6 minutes! 🧭

Learn CSS in 0:23:44

Learn CSS in 20 Minutes

How To Create 0:27:19

How To Create A Website using HTML & CSS | Step-by-Step Tutorial

2 | HOW 0:03:41

2 | HOW TO LINK A CSS STYLESHEET USING HTML | 2023 | Learn HTML and CSS Full Course for Beginners

Squares | HTML 0:01:00

Squares | HTML CSS

How to Link 0:01:38

How to Link CSS to HTML Document

CSS in 100 0:02:20

CSS in 100 Seconds

Price slider | 0:01:00

Price slider | Html Css & Javascript !!! #coding #cssanimation #python #css3animation #webdesign

The easiest improvement 0:00:46

The easiest improvement you can make to your CSS

Creating Responsive CSS 0:04:30

Creating Responsive CSS Cards | Card Design HTM & CSS

How to Create 0:06:15

How to Create Navbar in HTML and CSS

CSS Website Design 0:04:04

CSS Website Design Tutorial - External Style Sheets

25: Table In 0:10:01

25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial

Create A Portfolio 0:31:45

Create A Portfolio Website Using HTML & CSS Only

10 CSS Pro 0:09:39

10 CSS Pro Tips - Code this, NOT that!

Maybe the easiest 0:00:32

Maybe the easiest way to share HTML, CSS, and JS?

How To Create 0:10:45

How To Create A Website Using Html and Css | Step By Step Tutorial

How To Make 0:11:31

How To Make Website Using HTML And CSS | Website Design With HTML And CSS

The BEST Way 0:00:14

The BEST Way To Make CSS Animations?! 🤩

Navbar CSS Tutorial: 0:15:08

Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox

How to create 0:01:22

How to create file folder for html/css

Simplest CSS reset 0:00:59

Simplest CSS reset to prevent headaches

How to Create 0:02:51

How to Create A Navigation Bar using HTML and CSS | Coding Ninja

Комментарии
Автор

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro Code</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div class="gallery">
<a target="_blank" href="images/salad.jpg">
<img src="images/salad.jpg" alt="salad">
</a>
<div
</div>

<div class="gallery">
<a target="_blank" href="images/soup.jpg">
<img src="images/soup.jpg" alt="soup">
</a>
<div
</div>

<div class="gallery">
<a target="_blank" href="images/pizza.jpg">
<img src="images/pizza.jpg" alt="pizza">
</a>
<div
</div>

</body>
</html>

/* style.css */

.gallery{
display: inline-block;
border: 1px solid hsl(0, 0%, 60%);
margin: 5px;
width: 200px;
}
.gallery .description{
padding: 10px;
text-align: center;
}
.gallery:hover{
border: 1px solid hsl(0, 0%, 20%);
}
.gallery img{
width: 100%;
height: auto;
}

BroCodez
Автор

so helpful thanks, i always have to go through horrible videos but this is the one i NEEDED

thegreatestyoutubeuser
Автор

how was this video released a few hours before (at this time)
even though his comment was 4 months ago (also at this time)

wasSnapnut