I have a question about this lesson ''Build a Tribute Page''

Tell us what’s happening:
Basically, I finished the site. But one problem is that when I minimize my screen and compare it to the answer, my margin in ‘tribute-info’ will disappear. I still don’t understand where I’m doing wrong. After that, I tried to find the difference from the answer. I realized that there are components such as margin block start … So, are these components the cause of the difference? If yes, how to use them. Thank you.

Your code so far
link to my code: https://codepen.io/Croud/pen/PraqRM
link to the answer: https://codepen.io/freeCodeCamp/full/zNqgVx
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) coc_coc_browser/78.0.136 Chrome/72.0.3626.136 Safari/537.36.

Link to the challenge:

At this time I don’t have the time to look at your project, but that is not the answer, it is an example. If you pass all the user stories then your code is the answer. You can do your project on whatever you want

Your not done. Review the user stories and check you’re ids etc. The project doesn’t require media queries and you don’t have any. You don’t have any margin to maintain on a narrow screen. You only center the text. It’s doing what you styled.

The example has a margin to be maintained. The example has media queries. In your case you don’t need a media query just to maintain a margin.

Most people pick a different subject for this project instead of trying to re-style the example’s HTML.

can you suggest me how to start to code the (built a tribute page)

Try following the user stories.
For example

  • User Story #1: My tribute page should have an element with a corresponding id="main" , which contains all other elements.

And you create the main element for that. And then follow to the next one…

At one point it gets less straightforward, and you have the css to add and all those things, but at least you have started