Revise the HTML of the bulletin

[misscs]

We want to use the most semantic and appropriate HTML elements to markup content in the bulletin

• [x] Review the current structure (@misscs @Morban15 @cosola @MariaGuillen @lehysen )
• [x] Write up a list of changes
• [x] Implement

Some of the changes

• Work between L66-181/182
• Change <article> for most semantic element while preserving the design. In most cases, you'll be deciding between <div>, <section>, and <figure>.

References

• https://css-tricks.com/how-to-section-your-html/
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element
• https://a11yproject.com/posts/getting-started-aria/

Additional reference

• http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

[misscs]

30-04 standup

• the team worked on this and is ready to commit but there were issues with the internet