# Please visit my codepen

**URL:** <https://forum.freecodecamp.org/t/please-visit-my-codepen/169471>\
**Category:** I Built This\
**Created:** [January 18, 2018, 11:41am UTC](https://forum.freecodecamp.org/t/please-visit-my-codepen/169471 "2018-01-18T11:41:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ankur2003](https://avatars.discourse-cdn.com/v4/letter/a/eb9ed0/32.png) [@Ankur2003](https://forum.freecodecamp.org/u/Ankur2003)\
**Post date:** [January 18, 2018, 11:41am UTC](https://forum.freecodecamp.org/t/please-visit-my-codepen/169471/1 "2018-01-18T11:41:36Z")

</div>

Guys please visit my codepen and give some comments and tell me how I can make it better if you don’t like it -[https://codepen.io/bilash25/pen/vpQxwq/](https://codepen.io/bilash25/pen/vpQxwq/)

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [January 18, 2018, 11:54am UTC](https://forum.freecodecamp.org/t/please-visit-my-codepen/169471/2 "2018-01-18T11:54:23Z")

</div>

Where’s your codepen link?

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [January 18, 2018, 12:31pm UTC](https://forum.freecodecamp.org/t/please-visit-my-codepen/169471/3 "2018-01-18T12:31:24Z")

</div>

Your image is not responsive. Try adding the `img-responsive` class to it.

Don’t use `<h4>` elements as paragraphs. They are used for section titles, etc. Use `<p>` instead. Then use CSS to change the font size.

Try using the [`<figure>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure) and [`<figcaption>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption) elements for the image, as they better capture what you want to do with the image and the description below it.

```auto
<figure>
  <img class="img-responsive" src="...">
  <figcaption>
    <p>This image...</p>
  </figcaption>
</figure>

```

You can nest the link on the same paragraph. It looks more natural that way.

```auto
<p>To know more, please visit <a href="https://en.wikipedia.org/..." target="_blank">Wikipedia</a>.</p>

```

Other than those, I think it’s good 👍

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:56pm UTC](https://forum.freecodecamp.org/t/please-visit-my-codepen/169471/4 "2021-06-01T13:56:19Z")

</div>

Closed on June 1, 2021, 1:56pm UTC