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

Html and CSS 3 Column Preview

Asley R 30

@AsleyR

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


I learned a lot about how to make responsive designs.

  1. Does it matters that much that if it is not scale up to big screens? (think 4k screens and alike)

  2. Are the responsive units I used properly used?

Thanks in advance for any feedback :)

Community feedback

Tony 140

@handleryouth

Posted

Hello there asley, I want to give my opinion about your questions :

I think that scaling up to bigger screens is a must. on some websites that I have seen, if the viewport (usually the width) provided is too large, then the website will only be made to have a fixed size and be in the centre of the screen so that parts of the website are not separated and remain as they are. for a small viewport, usually, the size will also be fixed, but the user must do a little bit of swiping the screen.

for the second question, I don't know what units should you use because they depend on what you need them for. there are %, vw, vh, rem, em, px. I suggest you can start watching youtube videos because there are so many videos explaining the use cases of those units.

hope it helps mate !

Marked as helpful

1

Asley R 30

@AsleyR

Posted

@handleryouth Thanks for your feedback, and also for clarifying my doubts about making websites responsive for large screens.

I hope you the best of lucks and thanks again for taking some time to look at my solution :)

0

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