# My first css grid responsive layout

**URL:** <https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074>\
**Category:** Showcase\
**Created:** [March 6, 2021, 11:14am UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074 "2021-03-06T11:14:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mediauser](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@Mediauser](https://forum.pinegrow.com/u/Mediauser)\
**Post date:** [March 6, 2021, 11:14am UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074/1 "2021-03-06T11:14:57Z")

</div>

Hello,  
this is my first simple landing page with css grid: [http://www.taxion.gr](http://www.taxion.gr)

I used:

1. Adobe xd for design and prototype
2. Css grid editor for layout.
3. Bootstrap for elements.
4. Interactions with simple animations.
5. Blueprint horizontal slider.
6. SVGs for backgrounds, icons and graphics.

This is only a starting point. I just followed the tutorials.  
Thanks PG

---

<div class="post-metadata">

**Author:** ![abirana](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/abirana/32/4162_2.png) [@abirana](https://forum.pinegrow.com/u/abirana)\
**Post date:** [March 6, 2021, 12:42pm UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074/2 "2021-03-06T12:42:24Z")

</div>

great job that you’ve there 👍 do keep posting your new work

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 6, 2021, 1:18pm UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074/3 "2021-03-06T13:18:30Z")

</div>

@Mediauser Nice!  
Keep us posted of your progress.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Pepe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pepe/32/2505_2.png) [@Pepe](https://forum.pinegrow.com/u/Pepe)\
**Post date:** [March 13, 2021, 9:13am UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074/4 "2021-03-13T09:13:58Z")

</div>

Really nice, Keep going you are right path 🙂

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [March 13, 2021, 9:52am UTC](https://forum.pinegrow.com/t/my-first-css-grid-responsive-layout/5074/5 "2021-03-13T09:52:16Z")

</div>

Very good job.  
Note, for those who want to know how it is done, they can use Open URL from Pinegrow.

It is always very instructive to discover the construction of a page containing interactions.