# Agile Web Development with Rails 6: Rendered cart ERB and SASS do not match screenshot (P1.0 PDF pp. 146–148)

**URL:** <https://forum.devtalk.com/t/agile-web-development-with-rails-6-rendered-cart-erb-and-sass-do-not-match-screenshot-p1-0-pdf-pp-146-148/23227>\
**Category:** PragProg Customers\
**Tags:** book-agile-web-development-with-rails-6, errata\
**Created:** [29 September 2021 13:11 UTC](https://forum.devtalk.com/t/agile-web-development-with-rails-6-rendered-cart-erb-and-sass-do-not-match-screenshot-p1-0-pdf-pp-146-148/23227 "2021-09-29T13:11:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bradleyscollins](https://forum.devtalk.com/user_avatar/forum.devtalk.com/bradleyscollins/32/2198_2.png) [@bradleyscollins](https://forum.devtalk.com/u/bradleyscollins)\
**Post date:** [29 September 2021 13:11 UTC](https://forum.devtalk.com/t/agile-web-development-with-rails-6-rendered-cart-erb-and-sass-do-not-match-screenshot-p1-0-pdf-pp-146-148/23227/1 "2021-09-29T13:11:02Z")

</div>

Looks as if the ERB and the SASS got out of sync. The rendered page with the ERB and SASS in the book yields the following—the grand total floating higher than the **Total:** label and without the border above it:

 ![Screen Shot 2021-09-29 at 7.49.47 AM](https://forum.devtalk.com/uploads/default/original/2X/6/6a3ae1bcb44b19e0b5451bbff6e18126e638c9d0.png)

… which (_ignoring the line items_) does not match the screenshot on p. 148:

 ![Screen Shot 2021-09-29 at 8.07.45 AM](https://forum.devtalk.com/uploads/default/original/2X/9/966785c352168b4fa2ea5401dca0a6f94e2b281f.png)

Suggest the following edits:

**ERB, p. 146**  
…  
`<tfoot>`  
` <tr>`  
` <th colspan="2">Total:</th>`  
~~` <td class="price"><%= number_to_currency(@cart.total_price) %></td>`~~  
` <th class="price"><%= number_to_currency(@cart.total_price) %></th>`  
` </tr>`  
`</tfoot>`  
…

**SASS, p. 147**  
…  
`tfoot {`  
~~` th, th.price {`  
 ` font-weight: bold;`  
 ` padding-top: 1em;`  
 ` }`  
 `th {`  
 ` text-align: right;`  
 ` }`~~  
` th {`  
 ` font-weight: bold;`  
 ` text-align: right;`  
 ` padding: 1em 0.5em;`  
 ` }`  
`th.price {`  
` border-top: solid thin;`  
` }`  
`}`  
…