Some challenges faced on html. Please help

Hi. I just completed my personal portfolio page. Would love some feedback. Here is the link: https://codepen.io/lauivan/pen/MMBELb

Challenges faced:

  1. How do I get the dimensions of nav-bar to remain fixed. Some changes made to the projects section will make the dimensions of the nav-bar to run i.e. adding a css code position: flex; to the projects section, changes the dimensions of the nav-bar.

  2. How do I center the elements in the project’s section? I have tried align-text: center; and align-items: center; but none of them have worked. So, used margin to center the elements relatively.

Hello,

<!-- START WELCOME SECTION 
-->
  <main>
    <h1>Hi! My name is Ivan. <br> These are some of the projects that I have been working on.</h1>
    <div>
    <h3> Projects </h3>
    <p><a href="https://codepen.io/lauivan/pen/jjRGMq">Tesla Webpage</a>
    <p><a href="https://codepen.io/lauivan/pen/KjWmbm">Minimal Store</a>
    </div>
</main>
<!-- END WELCOME SECTION -->

As you can see here, you don’t have any sections. I would advise you to create a <section> tag for both the Welcome and the Projects, then give classes to the sections and try to do what you’ve been trying.

As for the projects sections, this would be a good time to learn and mess around with the grid, you will manage to centre everything fine, and also if you want, you can also easily make it responsive to smaller screens with the grid, so try to do that.

Good luck

Thank you very much for the feedback. I really appreciate it :slight_smile:

Text is an inline thing. So text-align works on things that are display: inline;. Your projects are currently in p which are display: block;. You align those with margin.

Hey, thanks for the feedback. I will try that.