I mean are not the same

The first question doesnt work. Look at it. When i click it, i get the same question. The other thing the answers are the same as the one given in the project.

When i click the question, the answer should be low fade grey in color.

Hi Congratulation for trying and building the site. Your site is not responsive. For layout make use of either of Css grid and Css flexbox. Set the image to be "max-width: 100%" height to be 100% or auto. Either works. This ensures the image to be perfectly inside its parent element. It also makes responsive. Learn responsive design

You are better although your site is not responsive. Make use of css grids and flexbox for better layout. This is the same project you built. I built using css grid and flexbox. Kindly go through to get better understanding on how layout and responsivenes work https://www.frontendmentor.io/solutions/single-price-grid-component-using-css-grid-and-flexbox-RF2eD1iIC

The site is responsive although you used bootstrap for the grid design(main layout of the project). if css sucks you, i advice you to take this youtube course https://www.youtube.com/watch?v=-8ORfgUa8ow&t=83s it is very much comprehensive.

meanwhile am planning to start learning Bootstrap. How did you learned bootstrap? give me advice on tips and resources you used. am very very good at css.

This is the same project you buit. i buit it css(flexbox and css grid) kindly check to get hints https://www.frontendmentor.io/solutions/single-price-grid-component-using-css-grid-and-flexbox-RF2eD1iIC

Good step. But just look this few things: 1) Make your site responsive to accommodate all screen sizes. Viewing your site on my phone adds a horizontal bar. 2) change the color of the footer links. The part that says "challenge by ........" 3.The hero image is not responsive hence seems overflowing its parent container. Set its width like this "max-width: 100%;"

Very nice bro. When i reach this project, your source code will be my mentor. Thanks.

Otherwise where are you in javascript??

Sorry guys I just forgot to add the top-left background color and the bottom-right background color. Any person who knows how to add that, please help

First happy new year. After that, I cloned your code and gone through every line of code. I made the following observations: 1. Too much use of transform in your layout. Transform layout has been extensively used in your layout to position element. Try to use CSS GRID to layout the items correctly. 2. use of big margin-top before the 'supervisor item' that pushes the item more downwards. 3. limit use of absolute positioning as removes the eleent from normal flow. 4. makes the image smaller to perfect them. 5. set the width of the item to space them correctly.