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

Basic CSS

@CavaliereDavid

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What did you find difficult while building the project?

  1. Making It responsive, It is still not clear to me how to do so and when I define media queries I have the issue.
  2. Positioning elements

Which areas of your code are you unsure of?

  1. My container was not correctly aligned and I used margins

Do you have any questions about best practices?

  1. Starting with mobile development since the way to ease the load on the project because then It is easier to work on the desktop part, however I am not sure if It is the modern approach.
  2. How to make pages more responsive

Community feedback

Brian 180

@brian7homas

Posted

To make the page responsive you’d need to include the styles you want to override in a media query.

Margin 0 auto should be enough to center the container.

1

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