Is your MacBook Pro with a TN screen? I can't tell from everymac.com's summary of the 2011. It just says "TFT", which is meaningless.
My 13" 2009 MacBook Pro has a TN screen and I can tell you the screen is fairly lowish end by 2018 standards. First of all it is not Retina of course, but just as importantly it washes out quite quickly off-axis.
In contrast, the 12" MacBook has a very good IPS Retina screen, so it's got Retina, decent colours, and very good viewing angles. It's a HUGE step up from my 2009 13" non-Retina MBP. The 2017 Retina MBP is even better, but the 12" is already pretty good.
BTW, the native resolution of the non-Retina MacBook Pro is 1280x800, and effectively, that is the only resolution you can use it with. Every other resolution looks horrible on it. In contrast, the 12" MacBook has a native resolution of 2304x1440, which in non-Retina terms means 1152x720, but its default resolution is actually equivalent 1280x800. This default looks excellent on the 12" MacBook so in terms of screen real estate it's the same as the 13" MacBook Pro non-Retina, although because the default text size is smaller, I usually prefer to use the native 2304x1440 / 1152x720 setting with bigger text (which is the same text size as the native resolution of the non-Retina 13" MBP).
https://support.apple.com/en-us/HT202471
Here are the resolution settings for the Retina 12" MacBook:
Scaled 1440x900 <-- Young eyes might like this since it has lots of screen real estate, but text is very small.
Scaled 1280x800 (default) <-- Default is good for most people, although the text size is a tad small for some.
Native 2304x1440 / 1152x720 <-- My preferred resolution, but a little skimpy on screen real estate for some.
Scaled 1024x640 <-- Text very big for those with bad eyes, but not enough screen real estate.
Here are the resolution settings for the non-Retina 13" MacBook Pro:
Native 1280x800 <-- Looks OK. Not great, but OK. Text size is perfect, but text clarity is not great.
Scaled 1152x720 <-- Unusable IMO.
Scaled 1024x768 <-- Unusable IMO
Scaled 1024x640 <-- Unusable IMO.
Scaled 800x600 <-- Unusable IMO.
Scaled 800x500 <-- Unusable IMO.
Scaled 720x480 <-- Unusable IMO.
Scaled 640x480 <-- Unusable IMO.