Product landing page, feedback and some help wanted

This is my product landing page

I would like general suggestions for improvement and also some help with a couple of issues. How do I center the iframe and how do I align the button in the offer divs?


From what I can tell you have that section set up as 3 columns in a grid. The easiest way to fix is to get rid of the grid-template-columns declaration so that section is a single column and the do something like:

#technical {
    display: grid;
    justify-content: center;
    align-items: center;

to align you content.

Hope that helps and let me know if you have any questions or if I’m misunderstanding your issue here. :pineapple:

Thanks for the help. That solved the first problem. Now for the second problem. I have three different divs with different pricing options on my product landing page. I want the select buttons to line up along the bottom border in the div. How do I do that?

Since it’s a Grid item you can do this on the select button:

align-self: end;

Also changing the width to 100% improves the look once its at the bottom.

Thanks a lot. I will have to treat you people to dinner if I get a dev job.

1 Like