Jump to content

Matching the visuals on laptop to desktop.

Recommended Posts

Site URL: https://www.astorfoundation.co.nz/

Hi there!

I have just completed a design on my website and noticed the sizing/placement/alignment on the difference between my laptop screen to my imac desktop screen. 

I want everything to appear exactly as my laptop display for all viewing device. 

How it appears on my iMac desktop:



How it appears on my laptop:


I've placed a css coding to add the faint black background:

#block-770d25534f07d1028f26 {
 background: rgba(0,0,0,0.3);
 padding-top: 2vw;
 padding-left: 2vw;
 padding-bottom: 1.5vw;


Thank you!

Link to comment
  • Replies 2
  • Views 223
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Thanks @tuanphan for responding. 

I guess my issue would be that the iMac display does not look the same for the macbook display if that makes sense? 

I am more focused on the excess amount of black background that only appears on the iMac 


and how the separation of the words looking irregular on the iMac but it looks fine on the macbook pro. 


It's just small things that feel like its downgrading the completion of the design and I was just wondering if they could be matched up. 

Thank you for your help.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.