Product Landing Page - Feedback needed please!

Hi everyone!

I finally finished my Product Landing Page for an imaginary online reading service. It would be so so helpful if I could have feedback on this!

Thank you already! :blush:

6 Likes

Hi there,

To me everything looks great. It seems you have a good grasp of responsive design. The only two minor suggestions that I have are:

  1. Thereā€™s a bit too much space from the nav to the first header;
  2. The space between the upper and the lower part of YouTube video seems uneven.

Apart from that, great job. Maybe professional web devs would find some more suggestions. Have a great day)


1 Like

Hi @JerryTheQuad!
Thank you so much for your feedback and for taking the time to look at my page! The things you pointed out make all the sense, Iā€™m going to change those! :grinning:

If I may ask, for the footer part, do you know if there would be a better way of centering the text and styling the button to the right without having to insert the empty div in the html? It was the only way that occurred to me that actually worked but Iā€™d be interested to know if thereā€™s a more efficient way! Thank you!

1 Like

Hi there, @ines-violin)

Sure, I can help you, although Iā€™m not a pro web dev in any way. It turned out to be simple:

  • Delete the span element;

  • Change these two lines in your footer CSS:

grid-template-columns: 1.2fr 1fr;
justify-items: end;

Works like a charm for me. Maybe play a bit with the first fr or leave it like that. No need for the empty span anymore!)

Have a great day!

1 Like

Hi @JerryTheQuad! Thank you for your help! :smiling_face:
Iā€™ve just tried your suggestion and it works perfectly for larger screens but when I narrow it down then the text gets placed more towards the left instead of centered. But itā€™s actually alright, probably Iā€™m just being too picky :sweat_smile:

Thank you again and you too have a great day!

1 Like

Hi there,

Iā€™m glad that my solution helped you, even if a little. Iā€™ve checked the code with Google DevTools and the text seems to be alright. Could you please send the screenshot with the text being more to the left?

Well, even if itā€™s the case, I could suggest adding this to your @media:

@media (min-width: 600px) {
footer {font-size: 0.8rem; grid-template-columns: 1fr 1fr;}

Sry if you wanted a more elegant solution to the Ā«empty spanĀ» problem. This is the only thing I can suggest for now ā€” twicking the media part until you get the text perfectly centered.

Have a great day!)

1 Like

The site looks pretty good.

Since you have some design skill, I would encourage you to try implementing a Hero Image, Either with your pre-exsistng Text, or some other text.

Also: Tolkienā€™s book is Spelled ā€œHobbitā€.

2 Likes

Hi @JerryTheQuad!
Thanks for your message! :grinning:
So Iā€™ve just tried it and somehow to me it still seems more towards the left. Iā€™ll include the screenshot below. Itā€™s pretty centered, the difference to the left is actually really tiny. Iā€™ll play around with it until I find the perfect center :smiling_face:
Thank you for your help and have a nice day!

PrScreen1

Hi @ALLESS!
Thank you very much for your message and for taking the time to check my project! :grinning: Iā€™ll try to implement the Hero Image and will update the result here.
Also thanks for much for pointing out the typo! :star_struck:

1 Like

Hello!
Sorry for the delay, Iā€™ve finally had a bit of time to implement the Hero Image. I think it turned out pretty nice. :smiling_face_with_three_hearts: What do you think? Would love to have your thoughts on it! :smiling_face:
Thank you!

It is Good Ines. I think youā€™re right, and it turned out well. I also love that you added Marquez on the list. I realize that ā€œSolitudeā€ is more famous, but I prefer ā€˜Love in the time of Choleraā€™.

1 Like

Hi @ALLESS!
Thanks for your feedback and for the book recommendation! :grinning: I havenā€™t read 'Love in the time of Choleraā€™ but I will definitely give it a try, it has a very promising premise!

The book is very divisive. It has topics that are difficult for some people, However the language is Exquisite.

https://www.goodreads.com/book/show/9712.Love_in_the_Time_of_Cholera

Good Job completing the Project.

1 Like

Thank you! :grinning:
And Iā€™ll definitely read this book, Iā€™m quite intrigued! Also itā€™s been ages since I last read Marquez!

wow its good website illl rate it 3 out of 5
smaller screen also good
do more projects and you can gain more knowledge.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.