Imaginary Startup Landing Page

Imaginary Startup Landing Page
0.0 0

#1

Hey!

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

Thank you! Happy Coding!


#2

This was fun! I want an avocado.


#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.


#4

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


#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.


#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:


#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!