Jon Christie

Folder Structure - DISCUSSION

1

### Discussed in https://github.com/mathcodes/contentfordevelopers/discussions/120 Originally posted by **mathcodes** December 23, 2022 One thing we should get on the same page about and add to the GUIDELINES is folder structure. As...

UI- footer

2

Enhance the footer to replicate one of the following site's footers. Create links to '#' for now, and omit any list items that are not-applicable. I'm happy to work through...

UI - layout

1

Wrap entire page in the same container so there is padding on the left and right all the way down the page.

UI - Responsive Avatars

1

Use db.json data and map through it creating circular avatars for contributors. Change cards into circular images of avatars with links. Organize into a responsive row for all sizes. Add...

json file for housing contributors info

2

URGENT: create a `db.json` file that holds contributors' info and an id (id, avatar_url, github_url) where each object in the JSON data has a key = contributor's GitHub handle like...

Create container for entire site and make sure the cards are centered and equal in proportion at each breakpoint.

1

Let's get all the cards centering nicely at each breakpoint (use a container and CSS to do so would be my approach). The white ones (larger) are keepers, but lets...

lc-hr-cw 👉 Content For Developers ``` Provide solutions for Leetcode, HackerRank and CodeWars Open Source Website- Anyone can contribute. ``` 👇 ``` Welcome to our open-source effort to bring developers...

Responsive cards for contributors on homepage

1

Make sure the cards are responsive all the way down to mobile screen sizes. At the moment there is overflow causing illegibility.

Add a box-shadow to the cards and resize them (font also) for smaller breakpoints.

Yeah, this may seem like the nitty gritty, and it kinda is... but consistency is crucial to working with teams. I'd like all hex color codes to be in lower...