html responsive css

Community feedback

• 

  joelsavio•50

  @joelsavioPosted 10 months ago

  Hello Fanisi Oluwatimilehin Israel, Try to set the parent container minimum height to 100 view height like min-height=100vh in the parent div. It will make the container to occupy full screen on different screen sizes. Other than that, good. You will get better by working on more projects. All the best!

  Marked as helpful

  1
• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 10 months ago

  Hello there 👋. Good job on completing the challenge !

  I have other suggestions about your code that might interest you.

  • I think it looks great, just a few suggestions. For example, you should use a CSS reset to eliminate default styles since your body element has about 8px of margin that generates a scrollbar.

  • A 12x12 grid might be too complicated. You could enclose both columns in a single div with a max-width to prevent them from becoming too wide and use repeat(2, 1fr) to create the two columns.

  I hope you find it useful! 😄 Above all, the solution you submitted is great!

  Happy coding!

  Marked as helpful

  0