gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(learn): correct editable regions workshop-flexbox-photo-gallery (#65295)

Browse Source
This commit is contained in:
hbar1st
2026-01-20 06:08:59 -05:00
committed by GitHub
parent cdb1610682
commit e2a20536c5
13 changed files with 49 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61537bb9b1a29430ac15ad38.md
+3 -3
View File
@@ -23,19 +23,19 @@ assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
## --seed-contents--
```html
--fcc-editable-region--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Gallery</title>
--fcc-editable-region--
--fcc-editable-region--
</head>
<body>
</body>
</html>
--fcc-editable-region--
```
```css
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61537c5f81f0cf325b4a854c.md
+3 -2
View File
@@ -42,7 +42,6 @@ assert.equal(document?.querySelector('.header')?.querySelector('h1')?.innerText,
## --seed-contents--
```html
--fcc-editable-region--
<!DOCTYPE html>
<html>
<head lang="en">
@@ -52,9 +51,11 @@ assert.equal(document?.querySelector('.header')?.querySelector('h1')?.innerText,
<link rel="stylesheet" href="./styles.css">
</head>
<body>
--fcc-editable-region--
--fcc-editable-region--
</body>
</html>
--fcc-editable-region--
```
```css
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61537c9eecea6a335db6da79.md
+3 -2
View File
@@ -42,7 +42,6 @@ assert.lengthOf(document.querySelector('.gallery')?.querySelectorAll('img'), 9);
## --seed-contents--
```html
--fcc-editable-region--
<!DOCTYPE html>
<html lang="en">
<head>
@@ -55,9 +54,11 @@ assert.lengthOf(document.querySelector('.gallery')?.querySelectorAll('img'), 9);
<header class="header">
<h1>css flexbox photo gallery</h1>
</header>
--fcc-editable-region--
--fcc-editable-region--
</body>
</html>
--fcc-editable-region--
```
```css
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61537d86bdc3dd343688fceb.md
+11 -11
View File
@@ -89,19 +89,19 @@ assert.equal(document.querySelectorAll('img')?.[8]?.getAttribute('src'), 'https:
<header class="header">
<h1>css flexbox photo gallery</h1>
</header>
--fcc-editable-region--
<div class="gallery">
<img>
<img>
<img>
<img>
<img>
<img>
<img>
<img>
<img>
</div>
--fcc-editable-region--
<img>
<img>
<img>
<img>
<img>
<img>
<img>
<img>
<img>
--fcc-editable-region--
</div>
</body>
</html>
```
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6153908a366afb4d57185c8d.md
+4 -2
View File
@@ -80,11 +80,13 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/615392916d83fa4f02f7e2cf.md
+4 -2
View File
@@ -73,12 +73,14 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
flex-direction: row;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6153938dce8b294ff8f5a4e9.md
+3 -2
View File
@@ -71,13 +71,14 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6153947986535e5117e60615.md
+3 -2
View File
@@ -71,14 +71,15 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61539e07e7430b528fbffe21.md
+3 -2
View File
@@ -86,15 +86,16 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/61539f32a206bd53ec116465.md
+3 -2
View File
@@ -82,11 +82,12 @@ body {
padding: 20px 10px;
}
--fcc-editable-region--
.gallery img {
width: 100%;
max-width: 350px;
height: 300px;
}
--fcc-editable-region--
--fcc-editable-region--
}
```
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6153a04847abee57a3a406ac.md
+3 -2
View File
@@ -73,7 +73,6 @@ body {
border-bottom: 4px solid #fdb347;
}
--fcc-editable-region--
.gallery {
display: flex;
flex-direction: row;
@@ -83,8 +82,10 @@ body {
max-width: 1400px;
margin: 0 auto;
padding: 20px 10px;
}
--fcc-editable-region--
--fcc-editable-region--
}
.gallery img {
width: 100%;
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6153a3485f0b20591d26d2a1.md
+3 -2
View File
@@ -81,12 +81,13 @@ body {
padding: 20px 10px;
}
--fcc-editable-region--
.gallery img {
width: 100%;
max-width: 350px;
height: 300px;
object-fit: cover;
}
--fcc-editable-region--
--fcc-editable-region--
}
```
curriculum/challenges/english/blocks/workshop-flexbox-photo-gallery/6493bc0d99879635209565aa.md
+3 -3
View File
@@ -56,11 +56,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('*')?.boxSizing, 'border-b
```
```css
--fcc-editable-region--
* {
box-sizing: content-box;
}
--fcc-editable-region--
box-sizing: content-box;
--fcc-editable-region--
}
.gallery {
border: 5px solid red;