← Back to HomePUBLISHER ONBOARDING
HTML and CSS Quests for Publisher Onboarding
Build highly responsive layouts and enforce rich accessibility. You will solve layout issues, web standards compliance, and markup quality tasks.
Key Training Challenges
- Constructing layouts using CSS Flexbox and Grid rules.
- Adjusting viewports and safe areas for mobile responsiveness.
- Ensuring correct screen reader focus flows and alternative tags.
■ Example Quest Preview
Image Accessibility Compliance
An image element is added to the lobby screen but lacks descriptive information for visually impaired users.
[1]Provide meaningful description inside the 'alt' attribute.
[2]Class tags automatically inform page readers.
[3]Leave it empty since the image path contains the name.
Feedback: Providing alternative text in the alt attribute is a fundamental guideline for screen reader compliance.
Skills Acquired
Flexbox / Grid LayoutResponsive Web DesignWeb Accessibility (a11y)HTML5 Semantics