Opened on 04/04/2017 at 07:13:23 PM

Closed on 02/26/2018 at 09:44:06 AM

#5104 closed change (incomplete)

Change best practices page layout on

Reported by: juliandoucette Assignee:
Priority: P3 Milestone:
Module: Websites Keywords: goodfirstbug
Cc: athornburgh, jeen, saroyanm, p.pastourmatzis Blocked By:
Blocking: Platform: Unknown / Cross platform
Ready: yes Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

Description (last modified by juliandoucette)


The 3 items in the third section of the best practices page on are centered.

What to change

  • Change the main 1/2 column into a responsive 1/3 column
  • Change the accent section blockquote to a subheading
  • Add the three centered items into a single responsive row

Attachments (4)

Screen Shot 2017-04-10 at 16.32.35.png (68.8 KB) - added by juliandoucette on 04/10/2017 at 03:36:50 PM.
Large desktop
Screen Shot 2017-04-10 at 16.32.30.png (105.6 KB) - added by juliandoucette on 04/10/2017 at 03:37:03 PM.
Normal desktop
Screen Shot 2017-04-10 at 16.33.17.png (126.7 KB) - added by juliandoucette on 04/10/2017 at 03:37:24 PM.
Normal tablet
Screen Shot 2017-04-10 at 16.34.27.png (51.4 KB) - added by juliandoucette on 04/10/2017 at 03:37:39 PM.
Small phone

Download all attachments as: .zip

Change History (13)

comment:1 Changed on 04/04/2017 at 07:14:04 PM by juliandoucette

If product is OK with this then I can create a quick prototype/mockup and attach a screenshot.

comment:2 Changed on 04/04/2017 at 07:40:52 PM by athornburgh

I agree that the centered content for Best Practices is inconsistent with everything else. I'm open to seeing how they would look using the card deck, but would like to see a prototype/mockup. My concern is that when used elsewhere, card deck items always link to something. Once the Members page has been updated, this would be the only place on the site where cards don't link to a detail page.

But I could totally be making a mountain out of an anthill, which is why a mockup would be useful :)

Changed on 04/10/2017 at 03:36:50 PM by juliandoucette

Large desktop

Changed on 04/10/2017 at 03:37:03 PM by juliandoucette

Normal desktop

Changed on 04/10/2017 at 03:37:24 PM by juliandoucette

Normal tablet

Changed on 04/10/2017 at 03:37:39 PM by juliandoucette

Small phone

comment:3 Changed on 04/10/2017 at 03:39:29 PM by juliandoucette

I see what you are saying. How what about this? (See attachments)

(I moved the quote underneath the heading and set the columns on a white background. Unfortunately I took an above-the-fold screenshot instead of a whole page screenshot. I will go back and fix this if you think this may be a good idea.)

comment:4 Changed on 04/10/2017 at 03:39:43 PM by juliandoucette

  • Priority changed from Unknown to P5

comment:5 Changed on 04/11/2017 at 03:36:52 PM by jeen

  • I like the 3 images in a row - I think it makes it easier to digest.
  • I also think the style you used - they don't look like clickable elements.
  • Moving the quote beneath the title also works.

comment:6 Changed on 04/11/2017 at 03:47:59 PM by athornburgh


comment:7 Changed on 04/11/2017 at 05:28:16 PM by juliandoucette

  • Description modified (diff)
  • Priority changed from P5 to P3
  • Ready set

comment:8 Changed on 09/01/2017 at 01:31:35 PM by juliandoucette

  • Milestone cleanup deleted

comment:9 Changed on 02/26/2018 at 09:44:06 AM by juliandoucette

  • Resolution set to incomplete
  • Status changed from new to closed

Add Comment

Modify Ticket

Change Properties
as closed .
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from (none).
Note: See TracTickets for help on using tickets.