All solutions

Couldn't find how to change the 'share' button colors when active. How does one do that?

I've used viewport units (vw) for the font size in some elements. Are there any drawbacks to this? The zooming seems to work fine.

A few questions about this challenge: (1) Are there other common ways to make such a speech bubble, besides using borders? (2) Setting the background-color property in the parent completely covers images applied to the child elements. Is there a way to settle that?

Coding in HTML/CSS is still much like guess work. Any detailed references on how to go from sketch/wireframe to code? Besides a (very) general idea on how the page pieces should stick together and starting with sizes, overall blocks/line placement and page flow, everything is just trial and error.

So, a few questions arised while working on this challenge:

1. What should be treated as first-heading (<h1>)? Some solutions made two headings for the first to blocks; is that right? What about accessibility issues?
2. I had a hard time figuring out the right proportions between fonts, blocks' boxes, margins, etc. in order to match the design previews. Are there ways or tools for that?
3. Finding a method for the making of the page also posed some problems. What should one do after defining the HTML and basic CSS (fonts, etc.)? What to tackle next? Are there known approaches to that? Just found myself iterating on changing things: markup - margins/padding - sizes - back on markup again...