Hello @DavidLacsao. Be cool and read the instructions carefully.
Then choose your person (or subject) for this project.
Now take a deep breath and sketch your tribute page in a paper. You can use this sketch as a reference when coding.
First, you need a CodePen account. Then, go to the link FCC gives at the bottom of the instructions (the link with the text “fork this pen”). Now click on the “Fork” at the bottom of the page. Then, delete the comments inside the HTML code box. You need to keep the script tag.
After you have sketched out your page, write your HTML markup inside CodePen. As you are writing code in CodePen, the head and body tags are already set for you. So, you only need to write code that should be inside the body tag. Make sure you fulfil the user stories in the instructions!
I think you know how to code a basic webpage by using necessary HTML elements.
After you’ve written enough HTML code, it’s time to start with CSS (or else your page would look ugly). I believe you have learnt basic CSS and also Flexbox, grid, etc. You can use any layout module you want (flexbox, grid, floats, etc.).
If you feel it difficult, feel free to go to the sample tribute page FCC gives you at the start of the instructions and look into it’s code.
Now, it’s time to make everything responsive! Use media queries to make your project responsive and use max-width: 100%; and height: auto; to make the image responsive.
After you think you are done, click on the hamburger menu at the top of your page. Now select “Tribute Page” from the dropdown and click “Run Tests”. If you have fulfilled all the user stories, you will pass the tests! If you haven’t, you can click on the second button and see what you did wrong.
After you’ve done your project, ask for feedbacks in this forum! We will be happy to check out your page!
At last, submit your project and get ready to do the next project!
If you find difficulty anywhere, feel free to come to this community and tell your problem. We would be more than happy to help you!
You can check this link for more help:
And at last, don’t ever give up! Always bust out the obstacles you are facing and become a successful man!