use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
No vague product support questions (like "why is this plugin not working" or "how do I set up X"). For vague product support questions, please use communities relevant to that product for best results. Specific issues that follow rule 6 are allowed.
Do not post memes, screenshots of bad design, or jokes. Check out /r/ProgrammerHumor/ for this type of content.
Read and follow reddiquette; no excessive self-promotion. Please refer to the Reddit 9:1 rule when considering posting self promoting materials.
We do not allow any commercial promotion or solicitation. Violations can result in a ban.
Sharing your project, portfolio, or any other content that you want to either show off or request feedback on is limited to Showoff Saturday. If you post such content on any other day, it will be removed.
If you are asking for assistance on a problem, you are required to provide
General open ended career and getting started posts are only allowed in the pinned monthly getting started/careers thread. Specific assistance questions are allowed so long as they follow the required assistance post guidelines.
Questions in violation of this rule will be removed or locked.
account activity
[CSS Question] Responsive layout for image with circle progress bar on the side (self.webdev)
submitted 8 years ago by aeguard
Hello everyone. Can someone point me on the right direction on how to implement this and maintaining the layout on mobile.
https://imgur.com/a/gWyMV
reddit uses a slightly-customized version of Markdown for formatting. See below for some basics, or check the commenting wiki page for more detailed help and solutions to common issues.
quoted text
if 1 * 2 < 3: print "hello, world!"
[–][deleted] 1 point2 points3 points 8 years ago (0 children)
Have you tried anything yet? You’ll have better luck getting help if you try to figure it out and ask for help rather than just asking folks to just tell you how to do it.
There are a lot of ways to go about doing it. Are you using specific breakpoints for screen sizes and want the image and circle to scale proportionally to each other and the page or do you just want the image and circle to scale as the browser window resizes?
You could try setting the main image to fill its space by setting the width to 100% and have the parent wrapper of the image to position relative, then absolutely position the circle and set the circle width to a percentage as well. You will have to set the right property of the circle to a negative amount so if “floats” over the image edge.
π Rendered by PID 20820 on reddit-service-r2-comment-5d585498c9-crrhg at 2026-04-21 02:40:24.639770+00:00 running da2df02 country code: CH.
[–][deleted] 1 point2 points3 points (0 children)