<aside> <img src="/icons/new-alert_red.svg" alt="/icons/new-alert_red.svg" width="40px" /> Let’s stretch what you’ve learned with this DIY assignment and style the Product Details Page (PDP).

The Serum — Product Details Page

• [ ] Use https://glowe-megumi.myshopify.com/products/the-serum to inspect and write new CSS for the following:
  • Product Information Section (the meat of the page!) → section-main-product.css
  • “You may also like” Section Heading → section-product-recommendations.css
  • Product Recommendation Card Text → component-card.css
  • Once you finish the styling of the cards here, the cards will also update site-wide! Go check your homepage to see the difference once you’re done.

Additional Resources

• For help selecting CSS on the product cards, view these code snippets!

  

📮 Submission

• [ ] Set your store password to editorfirst
• [ ] Create a new post in the shopify-course Discord Forum titled Assignment 4
  • Share your .myshopify.com URL in the post.
  • Include a screenshot of both your PDP page
  • Add the ‘GLOWE’ tag to post

💭 Example Submission

</aside>

See you in the next lesson!

<aside> <img src="/icons/robot_purple.svg" alt="/icons/robot_purple.svg" width="40px" /> If you have any questions throughout this lesson, don’t be shy. Reach out to the community via our Discord Forum created specifically for the Shopify Design Course. We’re happy to help!

</aside>