Klarstellung: Das Tag „.tech-used“ ist nur für ein übergeordnetes Element Element, aber ich habe es nicht in das JSX-Code-Snippet eingefügt.
Code: Select all
{project.skills.map((skill, index) => (
[img]{skill.logo} alt={`${skill.name} logo`} className=[/img]
{skill.name}
))}
Code: Select all
.tech-used{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.tech-grid{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 30px;
justify-content: center;
}
.tech-item{
display: flex;[![enter image description here][1]][1]
flex-direction: column;
align-items: center;
}