Submitted almost 2 years ago

News homepage using Vue 3 and Strapi

sass/scss, strapi, typescript, vue, pinia

Vinicius Costa•260

@viniciuscosta89

A solution to the News homepage challenge

Preview Code

Solution retrospective

I think the most challenging part of this project was aligning the 3 columns section with the previous 2-column section, so their columns stayed horizontally aligned. I used display: grid for this but the subgrid feature is only working on Firefox so far. I have to deal with this challenge another way, using grid-column.

For the REST API, I'm using Strapi, which is a Headless CMS. Yeah, it's back-end stuff. This way it's easier to change the data I'm consuming on Front-end.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Vinicius Costa's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord