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

Huddle Landing Page Using HTML 5/CSS/GRID/FLEXBOX

Shahin NJ 1,190

@SJ-Nosrat


Design comparison


SolutionDesign

Solution retrospective


This was a definite challenge!

Any feedback is appreciated.

Any ideas on how to set the layout for the iPad and other tablets?

Thanks in advance!!!

Community feedback

Roman Filenko 3,335

@rfilenko

Posted

Hi, you can use tablet specific media queries like:

  • @media (min-width: 768px) and (max-width: 1024px) { ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px }
  • @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px }

Roman

1

Shahin NJ 1,190

@SJ-Nosrat

Posted

Hi, Thanks for the feedback! Really appreciate it. What do you think of the solution to the desing challenge? Does it emmulate the proposed design mockup?

Thanks again!

0
Roman Filenko 3,335

@rfilenko

Posted

@shahin1987 good job, but you can improve a little bit. Try to match the design in terms of spacing and sizing of elements, box-shadows. Also footer needs some work (usage of proper tags, hover effects), check other solutions😉.

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