Landing Page on small device

Code Feedback
1

My landing page pass the test.

But I am trying to understand on why the coffee cup is not showing properly when tried on smaller device.

Here is the webpage itself.

And this is the source code here.

A feedback also on the webpage itself is also appreciated.

Thanks and GOD bless.

2

Hi, your page looks nice. The problem is with this line of code:

.container {
grid-template-rows: repeat(5,450px);
}

The hero element has got 450px height and when the photo of cup is going down on mobile those two elements together are biggern than 450px.

1 Like
3

@edper Nice!
The video is not centered on the page.
The picture of the coffee cup looks like it is not cropped properly. I cannot see the coffee beans.

1 Like
4

your page looks nice bro

5

You got it right @maknetaRo. It’s working now.

Thanks so much. GOD bless.

1 Like
6

Thanks for the feedback Brandon.

7

Thanks @mhamzash. I got some inspiration from this one although there was no code given.

8

I’m glad I could be useful.

1 Like
9

it looks nice. Good job! :+1:

1 Like