Member Avatar for beforetheyknew

Hi guys I have an html, css and there might even be some javascript in there (but dont worry about that!). Its a two hour practical exam, and im a little bit rusty with html and css (mostly rusty with css). When i've written websites in the past i take ages!

So im really asking for any hints and advice. But predominantly what sort of css would you guys suggest for getting started? i'd think it will be like the standard website where the main body is centred.

Thanks guys!

  • 2 Contributors
  • 1 Reply
  • 111 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by MJ Pieterse

Dani AI

Generated

Quick, practical plan for . With two hours, get structure and content in place first, then style. As noted, tutorials are useful for refreshers; for short, authoritative references use MDN or CSS-Tricks. Build a minimal semantic HTML scaffold (or simple, well-named divs if the exam forbids HTML5), then add a tiny CSS “scaffold” to control box model, typography and a centered container.

Suggested timed workflow: 15–25 minutes to write the full HTML and place all text/images; 10–15 minutes for base CSS (reset, box-sizing, container); 45–55 minutes for layout and styling (header, nav, main, sidebar), leaving 10–15 minutes to test and polish. Use short reusable classes (.container, .row, .col, .btn) and avoid deep selector chains — they slow you down.

A minimal starter CSS you can paste quickly:

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: 16px/1.4 Arial, sans-serif; color: #222; }
.container { max-width: 960px; margin: 0 auto; padding: 20px; }
.header { display: flex; justify-content: space-between; align-items: center; }

Layout tips: prefer Flexbox for header/nav and simple two-column layouts (faster than floats). Use max-width and margin: 0 auto to center the main body. For images, use max-width: 100% so they don’t break the layout. While styling, temporarily add colored outlines or backgrounds to see element boxes; remove them before submission. Keep JavaScript to the minimum required for functionality — if JS isn’t needed, focus on clean HTML/CSS first.

Quick cautions: check the exam brief for allowed HTML versions and browser targets; if older browsers are required, avoid bleeding-edge features or provide a simple float fallback. Prioritize correct, accessible markup (labels, alt text) and readable CSS. Useful short references: MDN CSS basics and A Complete Guide to Flexbox.

Member Avatar for MJ Pieterse

go to www.w3schools.com and check out their tutorial side. that should get you started in no time and they explain it easily enough for any one to understand.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.