Sheffield | September | Xiayidan Abudu | Sprint 1 | Wireframe

[Shayida999]

✅ Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with REGION | COHORT_NAME | FIRST_NAME LAST_NAME | PROJ_NAME
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

📝 Changelist

• Completed the Wireframe task from the Form Controls module
• Added index.html, style.css, and assets like images and placeholder SVG
• Designed layout with 3 articles, responsive for mobile and desktop

Questions

• None for now

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	2738289
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/68bc117a6391cb000829c78f
😎 Deploy Preview	https://deploy-preview-748--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 86 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Your PR's title isn't in the expected format.

Please check the expected title format, and update yours to match.

Reason: Wrong number of parts separated by |s

[github-actions]

Your PR's title isn't in the expected format.

Please check the expected title format, and update yours to match.

Reason: Wrong number of parts separated by |s

[github-actions]

Your PR couldn't be matched to an assignment in this module.

Please check its title is in the correct format, and that you only have one PR per assignment.

If this PR is not coursework, please add the NotCoursework label (and message on Slack in #cyf-curriculum or it will probably not be noticed).

[github-actions]

Your PR's title isn't in the expected format.

Please check the expected title format, and update yours to match.

Reason: Wrong number of parts separated by |s

[jenny-alexander]

Your wireframe looks really good - great job!

Here are a few changes I'd like you to implement to improve your application:

1. The right arrow on the buttons is misleading. This icon is normally used to indicate "play". Can you remove it or use a different one?

2. The title in your first article has a smaller font than the other articles. According to the wireframe design in the instructions, the article titles should have the same size font.

3. Formatting your code (within the IDE) helps it to be aligned and easier to maintain. If you right-click in VS Code, you should see the option to 'Format Document' option. Try this and you should see your html file formatted nicely. :)

[jenny-alexander]

Just a suggestion -> Adding your name in the footer is a great way to market yourself to employers (once you are building your portfolio and looking for work!).
If you're not comfortable putting your name, that's ok 😃