Member Avatar for rachelmoo

helloooo i am new to this forum joined to speak to people of a like mind i would really love to share my work with people and find out what i could do to improve.

go to


feel free to criticise

  • 2 Contributors
  • 2 Replies
  • 72 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by rachelmoo

Dani AI

Generated

As shared example sites and pointed to the site-review area, a short, focused CSS checklist can produce faster, more useful feedback and immediate visual improvements.

  • Mobile-first layouts: define base styles first, then add @media (min-width: ...) breakpoints; prefer Flexbox or Grid and use gap to keep spacing predictable.
  • Typography: set a base size on html, use rem for scaling, one or two web-safe/hosted fonts, and consistent line-height.
  • Reuse and maintainability: centralize colors/spacing in :root variables and group rules (reset → base → layout → components → utilities). Consider a naming convention (BEM or scoped classes) to avoid specificity fights.
  • Accessibility and UX: ensure WCAG contrast, visible focus styles, and keyboard operability for interactive controls.
  • Performance: inline critical above-the-fold CSS, defer or async noncritical styles, and serve minified bundles.
  • Troubleshooting: use browser dev tools to inspect computed styles, run the W3C CSS validator, and test across device widths before asking for a formal review.

A minimal, modern pattern to adopt:

:root{
  --brand: #1266f1;
  --gap: 1rem;
  --base: 16px;
}
html{font-size:var(--base);}
.container{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}
@media (min-width:768px){
  .container{grid-template-columns:1fr 320px;}
}

For fundamentals and examples see MDN Learn CSS and to validate styles use the W3C CSS Validator. Good review posts include screenshots (desktop and mobile), a short list of priorities (navigation, typography, performance), and any browser or CMS constraints.

Recommended Answers

All 2 Replies

Member Avatar for FC Jamison

There is actually an entire section of this site dedicated to website reviews.

You will find people there to assist you.

Member Avatar for rachelmoo

thankyou

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.