# Please Help make a CodePen Responsive

**URL:** <https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773>\
**Category:** General\
**Created:** [September 4, 2018, 10:33am UTC](https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773 "2018-09-04T10:33:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Job2Do](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/job2do/32/99239_2.png) [@Job2Do](https://forum.freecodecamp.org/u/Job2Do)\
**Post date:** [September 4, 2018, 10:33am UTC](https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773/1 "2018-09-04T10:33:04Z")

</div>

I found this javascript shopping cart [CodePen](https://codepen.io/stonejoshuasep10/pen/azPBWN) which looks very nice, but I can’t make it responsive in Bootstrap 4.

Only putting it into a `<container-fluid>` kind of works, but I don’t want full screen width on desktop.

Any help to get this done properly would be great.

---

<div class="post-metadata">

**Author:** ![alhazen1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alhazen1/32/85244_2.png) [@alhazen1](https://forum.freecodecamp.org/u/alhazen1)\
**Post date:** [September 4, 2018, 3:30pm UTC](https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773/2 "2018-09-04T15:30:08Z")

</div>

> **[Overview](https://getbootstrap.com/docs/4.1/layout/overview/)**
>
> Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.

---

<div class="post-metadata">

**Author:** ![Job2Do](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/job2do/32/99239_2.png) [@Job2Do](https://forum.freecodecamp.org/u/Job2Do)\
**Post date:** [September 5, 2018, 5:18pm UTC](https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773/3 "2018-09-05T17:18:29Z")

</div>

… thanks for your reply.  
I tried to integrate `<div class="row"> <div class="col-md-3"> <div class="col-md-9">` but can’t make it work.  
Seems I’m not advanced enough to do this on my own.  
Thanks again …

---

<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:16pm UTC](https://forum.freecodecamp.org/t/please-help-make-a-codepen-responsive/223773/4 "2021-01-17T20:16:45Z")

</div>

Closed on January 17, 2021, 8:16pm UTC