Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

News homepage using Vue 3 and Strapi

P

@viniciuscosta89

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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