# Unable to put two elements side by side : PORTFOLIO

**URL:** <https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139>\
**Category:** General\
**Created:** [September 15, 2017, 5:01pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139 "2017-09-15T17:01:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![suryaiduri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/suryaiduri/32/63550_2.png) [@suryaiduri](https://forum.freecodecamp.org/u/suryaiduri)\
**Post date:** [September 15, 2017, 5:01pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/1 "2017-09-15T17:01:40Z")

</div>

Hello all,  
I’ve been working on my portfolio for a while and I’m having problem in putting two elements side by side. At the bottom of my page you can find contact form and right below that I just put some random text , I want that text beside my contact form. I tried “”" float:left “” but it didn’t work for me. Could someone help me with this issue.

Thanks !!!

[PORTFOLIO](https://codepen.io/suryaiduri/pen/dzQGag)

---

<div class="post-metadata">

**Author:** ![pseudop](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pseudop/32/65729_2.png) [@pseudop](https://forum.freecodecamp.org/u/pseudop)\
**Post date:** [September 15, 2017, 5:41pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/2 "2017-09-15T17:41:04Z")

</div>

replace `.col-sm-4` from your contact form with `.col-sm-12`  
then just do it like you did in #portfolio

```auto
<div class="row">
  <div class="col-sm-6">
    <!-- contact form here -->
  </div>
  <div class="col-sm-6">
    <!-- gibberish -->
  </div>
</div>

```

from there adjust your form’s css

---

<div class="post-metadata">

**Author:** ![suryaiduri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/suryaiduri/32/63550_2.png) [@suryaiduri](https://forum.freecodecamp.org/u/suryaiduri)\
**Post date:** [September 15, 2017, 7:20pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/3 "2017-09-15T19:20:28Z")

</div>

Thanks for your suggestion ! but it’s still not working ☹

---

<div class="post-metadata">

**Author:** ![pseudop](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pseudop/32/65729_2.png) [@pseudop](https://forum.freecodecamp.org/u/pseudop)\
**Post date:** [September 15, 2017, 7:29pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/4 "2017-09-15T19:29:47Z")

</div>

[https://codepen.io/pseudop/pen/xXGMyj](https://codepen.io/pseudop/pen/xXGMyj)

---

<div class="post-metadata">

**Author:** ![suryaiduri](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/suryaiduri/32/63550_2.png) [@suryaiduri](https://forum.freecodecamp.org/u/suryaiduri)\
**Post date:** [September 15, 2017, 8:02pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/5 "2017-09-15T20:02:45Z")

</div>

Awesome !! Thank you so much.

---

<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:** [January 17, 2021, 8:39pm UTC](https://forum.freecodecamp.org/t/unable-to-put-two-elements-side-by-side-portfolio/148139/6 "2021-01-17T20:39:44Z")

</div>