The challenge is to build out this article preview component and get it looking as close to the design as possible.
- The mobile and desktop version of the design are in JPG static format, meaning best judgment is required for styles such as
font-size
,padding
andmargin
. - Optimized assets are provided in the
/images
folder. - There is also a
style-guide.md
file, which contains the information such as color palette and fonts.
User Stories:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- CSS3, Flexbox, Figma, Perfect Pixel