Imaginary Startup Landing Page

Code Feedback
1

Hey!

I would greatly appreciate any feedback on my product landing page for my imaginary startup:

Thank you! Happy Coding!

4 Likes
2

This was fun! I want an avocado.

1 Like
3

Nice page!
Only thing I would say is maybe put a container on your content to bring the left and right padding in so your rows aren’t so close to the sides of the screen.

1 Like
4

Wow! it’s great. How long did you this complete ?

1 Like
5

Hello there, I feel i’m missing all the fun ! On my ipad i could only see a solid green page and the menu items didn’t work for me , perhaps it is a safari incompatibility issue? I would suggest though making your avocado image size down for smaller screens


6

Thanks for the feedback! I appreciate it!

7

Avocado
‘‘FOOD FOR THE 21st CENTURY’’
add padding maybe
 it’s near border and not so beutiful.

8

Try adding either a pure css or js to add smoothness when you click the target link so that it won’t jump instantly but add a smooth scroll
 also where is the fcc test script? you need to have it to check your work

9

Thanks for the feedback! ! was planning on implementing the smooth scroll soon. I removed the test scripts after I passed on the tests. I did not like the box hanging out in the top left corner.

1 Like
10

Thanks for the feedback! What model of ipad are you using? I will make a note of it and try make the site more compatible.

11

Hey! Thanks for the feedback! My content was in side a Bootstrap “Container-fluid”, which makes the content take up the full width of the viewport. I added some extra padding along the left and right sides. Let me know what you think of it now!

12

Thanks for the feedback! I added some padding along the left and right borders. What do you think of it now?

13

Hey there! I did this over the course of about 3 days. I had a rough sketch of it on paper before I started, which really helped. The bulk of the work was done in one day, but due to some technical issues, I had to redo alot of it on the second day. Thanks for the feedback!

14

I think any iPad type will have the same problem. I’m on my iPhone X now and this what I see:

image
image1125×2436 108 KB

15

mobile version iphone 5s is scrolling
 not good
 because of “sup>©</sup”

16

I took out all of the sup>©</sup, but it is still acting wierd on my ipad. The first div appears to be very large.

17

Thanks for bringing this up. I am trying to fix this now.

18

Love it!*

Can you break down how the slides work for some of us Front-end newbies?
I’ve heard sites like this called “parallax scrolling”, but I’m nut sure if it’s a popular term or not.

*Hearted and Forked

19

Hey! Thank you for checking out my landing page! Yes, it is parallax scrolling. There are a lot of ways to achieve it but I did it by following a simple HTML/CSS only method I found online. I posted another comment before explaining how it was done:

Hope this helps!

20

Good but you need a min-width on that body, maybe 500 - 600 px.

image
image1920×1040 157 KB