Product Landing Page. I'm open to criticism

Code Feedback
1

Hello guys, I just finished my product landing page and I’ll like your opinion about it. Thanks.

Product landing page by Lucas Okafor.

3 Likes
2

Hey @Lucas2308,
Your page looks amazing on desktop.
Color choice and design look great as well.

However, you should try to make it responsive.
So that it looks as good on mobile devices as it looks on desktop.

Good job though.

All the best.

1 Like
3

Thank you @aditya_p for your feedback.

I’ll try making it responsive.

4

Try using the mobile first approach. Build the website for mobile phones at first then use @media to make it looks good on desktops. That’s a much easier job and it’s better.

1 Like
5

Thank You for the advice @Sebbe.:+1:t5:

1 Like
6

I like the colors :slight_smile:
In pricing, use some paddings/margins to your fontawesome icons, let have some space :stuck_out_tongue:
You have so much space in footer, put some larger icons for social in footer… And you dont have to use width: 100px, it’s not a “clean” code, better use text-align: center…
Try this, i think its better for the eye :stuck_out_tongue:

#social {
    text-align: center;
    padding: 10px 0;
}

#footer {
    background: #59CFEB;
    padding: 20px 0;
    margin-top: 40px;
}

However, its very good, keep it up :slight_smile:

7

Hey @stefika,

Thanks for the advice and the code snippet.

I just tried it and my footer looks way better than before :smiley:.

1 Like
8

I always like to check first on mobile, and as said before by other posters, you need to sort out the media queries for mobiles. I look forward to seeing that :+1:

1 Like