# Resolutions and Design

**URL:** <https://community.weweb.io/t/resolutions-and-design/5808>\
**Category:** Ask us anything\
**Created:** [December 7, 2023, 5:43pm UTC](https://community.weweb.io/t/resolutions-and-design/5808 "2023-12-07T17:43:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![monicaamb](https://avatars.discourse-cdn.com/v4/letter/m/e68b1a/32.png) [@monicaamb](https://community.weweb.io/u/monicaamb)\
**Post date:** [December 7, 2023, 5:43pm UTC](https://community.weweb.io/t/resolutions-and-design/5808/1 "2023-12-07T17:43:51Z")

</div>

Hi!

I am so confused about the resolution of the screen.  
I am working on a project made in Figma and when I recreate in WeWeb I notice that…  
On one hand if I have a title in 16px in Figma when I try to put it exactly the same in WeWeb, looks so much bigger; same with font size of texts. And on the other hand (the part that makes me worried more) is that my mate has a screen of 14 inches (standard screen I think) and the design looks good but if I see in my computer that it is a big screen (1920 x 1080) looks like there is too much space in the sides.

How can I fix it? Or how should I start a project to avoid this??

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [December 8, 2023, 9:54am UTC](https://community.weweb.io/t/resolutions-and-design/5808/2 "2023-12-08T09:54:15Z")

</div>

This shouldn’t be the case, can you share a few screenshots?

---

<div class="post-metadata">

**Author:** ![monicaamb](https://avatars.discourse-cdn.com/v4/letter/m/e68b1a/32.png) [@monicaamb](https://community.weweb.io/u/monicaamb)\
**Post date:** [December 9, 2023, 4:25pm UTC](https://community.weweb.io/t/resolutions-and-design/5808/3 "2023-12-09T16:25:06Z")

</div>

Sure! I will show a section as an example:

Figma design:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9fb3ecf984adc2c3e2dc6b18821b7fb74b96bda9.png)

WeWeb design in my screen of 1920 x 1080:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/52d7cf8289712120286c9ecb7bf0dd96e7dfe74d.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [December 9, 2023, 4:48pm UTC](https://community.weweb.io/t/resolutions-and-design/5808/4 "2023-12-09T16:48:25Z")

</div>

Are you using pixels? You can use shortcut CMD + 0 in Figma to go to the real zoom and then you can compare

This is not something that we got reports of being a bug so you might want to double check your Figma frame width

---

<div class="post-metadata">

**Author:** ![monicaamb](https://avatars.discourse-cdn.com/v4/letter/m/e68b1a/32.png) [@monicaamb](https://community.weweb.io/u/monicaamb)\
**Post date:** [December 9, 2023, 5:19pm UTC](https://community.weweb.io/t/resolutions-and-design/5808/5 "2023-12-09T17:19:07Z")

</div>

Thank you for the reply

What do you refer to shortcut CMD + 0 ?

Can you help me?

---

<div class="post-metadata">

**Author:** ![Mark\_Pederson](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mark_pederson/32/14758_2.png) [@Mark\_Pederson](https://community.weweb.io/u/Mark_Pederson)\
**Post date:** [December 9, 2023, 9:29pm UTC](https://community.weweb.io/t/resolutions-and-design/5808/6 "2023-12-09T21:29:19Z")

</div>

If you hit “CMD + 0” keys while in Figma - it forces Figma to display in 1:1 pixel size.