Here’s my attempt at creating a Product Landing Page:
Although the brief recommends not using JQuery, I added in a small/simple script to offset anchor navigation for the fixed header (it was annoying the heck out of me!).
And yes, I did go to the effort of making own video. I clearly have too much time on my hands at the moment
Any feedback would be greatly appreciated! Thanks!
looks pretty good to me, 10/10 for making your own video thats awesome
It is nice and funny! The video is very cool
Just some minor tips:
Probably the landing page itself should cover the full viewport. In CSS
The footer should have more contrast so it gets easier to read its contents.
Pretty stuff you made! Well done!
Thanks for the feedback @Hash2C.
I was thinking that about the footer myself, I’ll try tweaking the colours or background.
With regard to the landing page covering the full viewpoint, where do I add the
height: 100vh;, to the body?
Hi @cakeisaliegaming, you’re welcome
So I just looked a little deeper to the code. As far I can tell, you want to
- remove the height from
- set the height on the
- remove the top margin of
Then you could remove all the margins from
#about and turn it into a flexbox. You are already using that concept in other parts, I would definitely consider extending it to the
#about element. Even further, I would consider applying the concept to the whole page, it seems to be perfect for the layout you chose.
Here is my reference when I need to recall some concepts of Flexbox - CSS guide
If I remember correctly, the only good reason not to use Flexbox these days is if you have some very particular browser compatibility constrains. You can always check on CanIUse - Flexbox
Hope it helped
Thanks again @Hash2C, I really appreciate the help/feedback.
After having another play with my page, I understand what you mean now! Flexbox seems like a very a powerful tool for managing layouts.
Well your page is Awesome instead of giving suggestion i want to ask how did you created the video.
don’t mind my question as i am new
Thanks! Someone else asked me this question, so I feel that I may have inadvertently implied that I 3D rendered the video! It’s actually footage I recorded of me playing Elite: Dangerous and messing around with the game’s built-in camera suite. I edited it all together in Vegas Pro.
In fact, the whole page is a homage to Elite: Dangerous and full of silly in-jokes
Wow great. You have done great work
This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.