question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Replace images used for flexbox gallery challenge

See original GitHub issue

Describe the Issue

I think we need to replace some of the images used for this project as they look to be an advertisement for a third-party website devalert.me.

https://twitter.com/devalertme

@QuincyLarson Sorry to bother you, but I was wondering if we have any freeCodeCamp images that are available for public usage. Maybe we can use some images from a meetup or something like that for this project instead?

Affected Page

To see the images: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-21

Your code


Expected behavior

Use neutral, or freeCodeCamp related images.

Screenshots

No response

System

  • Device: [e.g. iPhone 6, Laptop]
  • OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
  • Browser: [e.g. Chrome, Safari]
  • Version: [e.g. 22]

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
QuincyLarsoncommented, Jun 29, 2022

Thanks for pointing this out. We are not sure how the use of these images passed QA, but it looks like the PR was merged 3 years ago. We can replace them with Creative Commons 0 images – preferably smaller file sizes, and hosted on freeCodeCamp’s CDN. We might want to use cats to go with our theme.

0reactions
ShaunSHamiltoncommented, Jun 28, 2022

@lasjorg Thank you for the ping. I have forwarded this to Quincy.

IMO, provided any images we use do not require attribution - we would like to attribute, but it gets difficult to do in the curriculum content.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Flexbox Cats (a.k.a fixing images in flexbox) | Virtual Reality
Images as flex items in column flows ... Ideally, the aspect ratio of the replaced element (the image, in the example) would be...
Read more >
How to Create a Responsive Image Gallery with Flexbox
1. Create the HTML · 2. Add Basic Reset Styles · 3. Create the Flexbox Layout · 4. Wrap the Images · 5....
Read more >
Adaptive Photo Layout with Flexbox - CSS-Tricks
Let's take a look at a super lightweight way to create a horizontal masonry effect for a set of arbitrarily-sized photos.
Read more >
Create an Image Gallery Using CSS Grid and Flexbox
I'll show how to plan and code an image gallery using: CSS Grid for the page layout; Flexbox to align the images. To...
Read more >
Create a image gallery with grid and flexbox - LinkedIn
Create the website with mobile first approach. Add more accessibility to the website( not only alt text in the images); Use Block Element ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found