Member Avatar for GagaCode

Hi all
it's been a while scince i posted in DANIWEB, but i'm back ;)
i've been learning and practcing HTML and CSS for a while and i was wondering if there was a website or a fourm that have like a contest's for HTML&CSS or if there is any project's that i can do with HTML&CSS
so can you help me with that ??

  • 6 Contributors
  • 5 Replies
  • 335 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by Avnish_1

Dani AI

Generated

Quick, practical plan to turn HTML/CSS practice into portfolio-ready work (and get the same pressure/learning curve a contest would give): pick a short, focused project, timebox it, build it mobile-first, and publish the result. This complements earlier comments from , , , , and while giving concrete, repeatable exercises.

Try these project briefs (pick 2–4, one per week):

  • A responsive hero + feature section (focus: semantic HTML, responsive typography, CSS variables for theming).
  • A small component library: buttons, form controls, card, nav — document markup, states, and class conventions (BEM or utility-based).
  • An accessible contact form with client-side validation, clear focus styles, aria-live error messages and keyboard-only testing.
  • A layout challenge: rebuild a magazine/article grid with CSS Grid (grid areas, minmax, auto-fit).
  • A micro-interaction set: CSS-only toggle, animated loading state, and an accessible dropdown.
  • A pixel-recreation task: pick a design screenshot and reproduce it exactly (practice specificity, spacing, and CSS techniques).

Workflow and troubleshooting tips:

  • Start mobile-first and include the meta viewport. Use box-sizing: border-box; globally.
  • Isolate layout problems by disabling rules or using the inspector to toggle properties.
  • Test keyboard navigation and color contrast early. Use small commits and publish builds (Git + Pages/Netlify) so each project is visible.
  • When stuck, recreate just the problematic component in a new file to narrow the issue.

Minimal responsive card pattern to start (HTML + CSS):

<section class="cards">
  <article class="card"><h3>Title</h3><p>Copy</p></article>
</section>

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:1rem}
.card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column}

These exercises simulate contest constraints while building concrete skills and portfolio pieces — a practical complement to the suggestions already in this thread.

Recommended Answers

All 5 Replies

Member Avatar for AleMonteiro

You can create a personal web site, a company web site, a blog or anything that does not require back-end logic.

Member Avatar for almostbob

contests are only put out by the developers of new commercial tech to push/prompt potential users to try out the language
html and css are stable established techs, no commercial value, no contests

there are a heap of tutorial sites that provide lessons for your own experience,

Edited by almostbob
Member Avatar for peterkatula

i would suggest you join a bootcamp to learn more backend coding

Member Avatar for Tangerinejoe

You dont need a contest for html and css since its the most widely learned and number of tutorials are availble on these topics. Use your skills to create fictious sites and test your skills on ground before venturing out commercially, so you will come to know your weaknesses and you can overcome them by practice.

Member Avatar for Avnish_1

I am also searching for the projects for html for my web designing work.

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.