Replace images used for flexbox gallery challenge
See original GitHub issueDescribe 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:
- Created a year ago
- Comments:6 (6 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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.
@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.