<h3 id="completed-another-challengehttpsdevchallengesiochallengesjymh2b2fyebrtuljkncb-from-devchallengesiohttpsdevchallengesio-using-gatsbyjshttpswwwgatsbyjscom-bootstraphttpsgetbootstrapcom-and-react-bootstraphttpsreact-bootstrapgithubio">Completed another <a target="_blank" href="https://devchallenges.io/challenges/Jymh2b2FyebRTUljkNcb">challenge</a> from <a target="_blank" href="https://devchallenges.io/">Devchallenges.io</a> using <a target="_blank" href="https://www.gatsbyjs.com/">Gatsby.js</a>, <a target="_blank" href="https://getbootstrap.com/">Bootstrap</a> and <a target="_blank" href="https://react-bootstrap.github.io/">React Bootstrap</a>.</h3>
<p>The craziest part was I couldn't figure out how to overlap the card on the image responsively and without breaking the layout. It took me several hours and not to mention a hell lot of Googling around to finally figure out the answer was "<strong>negative margins</strong>" 🙃</p>
<p>But I guess ya'll can relate? 🙃</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1610536864415/6Zbkb0uKF.png" alt="68747470733a2f2f63646e2e686173686e6f64652e636f6d2f7265732f686173686e6f64652f696d6167652f75706c6f61642f76313631303439333634313230332f7442316b36626b67732e706e67.png" /></p>
<p>Check out the <a target="_blank" href="https://github.com/rahi-khan/interior_consultant-devchallenges.io">Github Repo</a> and
<a target="_blank" href="https://interior-consultant69.netlify.app/">Demo</a></p>
<hr />
<h3 id="also-made-an-npx-business-card-for-myself-which-you-can-find-herehttpsgithubcomrahi-khannpxcard-and-read-more-about-it-on-my-previous-bloghttpsrahikhanhashnodedevcreate-a-simple-npx-business-card-and-create-your-own">Also made an NPX business card for myself which you can find <a target="_blank" href="https://github.com/rahi-khan/npx_card">here</a> and read more about it on my <a target="_blank" href="https://rahikhan.hashnode.dev/create-a-simple-npx-business-card">previous blog</a> and create your own 😉</h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1610360119791/rLM8MkTgG.gif" alt="demo.gif" /></p>


### Completed another [challenge](https://devchallenges.io/challenges/Jymh2b2FyebRTUljkNcb) from [Devchallenges.io](https://devchallenges.io/) using [Gatsby.js](https://www.gatsbyjs.com/), [Bootstrap](https://getbootstrap.com/) and [React Bootstrap](https://react-bootstrap.github.io/).

The craziest part was I couldn't figure out how to overlap the card on the image responsively and without breaking the layout. It took me several hours and not to mention a hell lot of Googling around to finally figure out the answer was "**negative margins**" 🙃

But I guess ya'll can relate? 🙃

![68747470733a2f2f63646e2e686173686e6f64652e636f6d2f7265732f686173686e6f64652f696d6167652f75706c6f61642f76313631303439333634313230332f7442316b36626b67732e706e67.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1610536864415/6Zbkb0uKF.png)

Check out the [Github Repo](https://github.com/rahi-khan/interior_consultant-devchallenges.io) and
[Demo](https://interior-consultant69.netlify.app/)

---

### Also made an NPX business card for myself which you can find [here](https://github.com/rahi-khan/npx_card) and read more about it on my [previous blog](https://rahikhan.hashnode.dev/create-a-simple-npx-business-card) and create your own 😉

![demo.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1610360119791/rLM8MkTgG.gif)


Day 7, 8, 9 - 100DaysOfCode 🤖🦾

Completed another challenge from Devchallenges.io using Gatsby.js, Bootstrap and React Bootstrap.

Also made an NPX business card for myself which you can find here and read more about it on my previous blog and create your own 😉