Skip to content

Commit

Permalink
Update team.html
Browse files Browse the repository at this point in the history
### **Dynamic Content:**
The code effectively fetches and displays contributors from a GitHub repository using the GitHub API. This dynamic interaction ensures that the page remains up-to-date with real-time data without requiring manual updates.

### **Modularity and Flexibility:**
- The repository owner and repository name can be easily modified through URL parameters, making the code reusable across various projects.
- By utilizing the `fetch()` function, the code makes asynchronous requests to the GitHub API, ensuring that the UI remains responsive and does not freeze while waiting for the data to load.

### **Responsive Design:**
- The CSS makes good use of **flexbox** to organize the layout of team members, ensuring that the content adjusts smoothly across different screen sizes.
- A media query is implemented to further enhance the responsiveness by adjusting the layout for smaller screens, such as mobile devices.

### **Accessibility:**
- The use of `alt` attributes in images enhances accessibility by providing descriptive information for screen readers.
- The code includes semantic HTML elements (`<header>`, `<main>`, `<footer>`), which helps to create a meaningful structure and improves accessibility and search engine optimization (SEO).

### **Visual Styling:**
- Smooth hover effects on team member images contribute to an interactive and engaging user experience.
- The text animation for the heading "Meet our awesome contributors 💙" adds a visually appealing element, making the page more vibrant and dynamic.
  • Loading branch information
akshitbansal2005 authored Oct 18, 2024
1 parent 533ff1a commit b884cad
Showing 1 changed file with 153 additions and 256 deletions.
Loading

0 comments on commit b884cad

Please sign in to comment.