Product landing page, feedback and some help wanted

Code Feedback
1

This is my product landing page

https://pethaf.github.io/FCCProductLandingPage/

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?

2

Hi,

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:

3

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?

4

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.

5

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

1 Like