Rebuild-Black-Business / RBB-Website

Website to help connect black-owned businesses with consumers and resources
https://www.rebuildblackbusiness.com/
MIT License
119 stars 72 forks source link

Added padding left to the Tablet breakpoint #276

Closed justinbchau closed 4 years ago

justinbchau commented 4 years ago

Describe your PR

I added a Padding Left property to the Box component in order to fix the Heading being on the very edge for iPad/Tablet

Pages/Interfaces that will change

The Index page

Screenshots / video of changes

Before: Screen Shot 2020-06-26 at 8 07 19 AM

After: Screen Shot 2020-06-26 at 8 08 02 AM

Steps to test

  1. Switched between all breakpoints and different devices to check the spacing change 2.) Verified in the Dev Tools that the change was applied to the appropriate breakpoint
netlify[bot] commented 4 years ago

Deploy request for rebuild-black-business accepted.

Accepted with commit 036a4ab193e23a51f61657df2e08ddd56ec293bf

https://app.netlify.com/sites/rebuild-black-business/deploys/5ef61bbac4454e00078079d4

justinbchau commented 4 years ago

Changed from Padding to Margin. Changes in the screenshots remain the same.

magnificode commented 4 years ago

Thanks for this @mrchaufun - appreciate you helping us keep things clean at all break points!