Problem in my personal portfolio

HTML-CSS
1

I have cleared 10/12 test cases but the design especially the profile link part is not working out well please can anyone help me in this regard.

2

Nice try. I would

Center everything. There are many ways to do it. I would search flexbox way of doing it.
remove whitespace around your page. It’s body’s padding/margin.
Change mouse cursor when it hovers on show all button.
Center Facebook button.

Good luck!

3

hmm
i used padding , margins without which it just wasn’t positioning the text properly.

4

Search centering with flexbox on google. It will help you :slight_smile:

5

also in the profile link part when i click the button it is not going to the that page or not opening at all.
anything wrong in it?

6

You are wrapping <button> inside anchor tags <a>. That is a mistake. Try just to use an anchor tag for this purpose.

It should look something like this:

<div class="d2">
    <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" class="btn3">Show all</a>
</div>

If you want your links to look like a button, then add .btn3 class to your CSS

.btn3 {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px;
  text-decoration: none;
  background: gray;
  border-radius: 5px;
  color: white;
}
.btn3:hover {
  background: silver;
}

I recomend you to read this article about this confusing -button- vs -anchor-link- thing.

Hope it helps