TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Is there a website with advanced CSS puzzles?

5 pointsby throwaway13000about 5 years ago
I am looking for question like :<p>1) How would you transform this div from middle of page to end of page etc 2) Why is this div only 20px height even though the image inside is 100px height 3) Given this moderately complex CSS, how will you add a extra text div of dimensions 20px * 30px and how will you style it with minnimum classes.<p>Something like this: https:&#x2F;&#x2F;www.w3schools.com&#x2F;css&#x2F;exercise.asp?filename=exercise_positioning5

2 comments

otrasabout 5 years ago
Highly recommend Flexbox Froggy (<a href="https:&#x2F;&#x2F;flexboxfroggy.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;flexboxfroggy.com&#x2F;</a>) for learning about Flexbox. There&#x27;s also Grid Garden for learning CSS Grid (<a href="https:&#x2F;&#x2F;codepip.com&#x2F;games&#x2F;grid-garden&#x2F;" rel="nofollow">https:&#x2F;&#x2F;codepip.com&#x2F;games&#x2F;grid-garden&#x2F;</a>).
muzaniabout 5 years ago
I&#x27;m not sure if this is what you&#x27;re looking for, but if you want advanced, you can go to Codepen and recreate some of the things there, then look at the code for answers.
评论 #22499792 未加载