search bar

Attention over time

7-day rolling share of analyzed posts/comments mentioning this entity · 90 daily points ending 2026-08-28

Final complete day: 2026-08-28. Attention was 0.2% — this entity appeared in 5 of 2,594 analyzed posts/comments in the seven days ending that day (5 mentions).

Each point is a seven-day rolling window of complete UTC days; a point is comparable only when at least 100 analyzed posts or comments fall inside it. A day with no analyzed records counts as zero; missing coverage is marked and never shown as zero. The series ends at the latest complete analyzed day — it never extends into the current incomplete day. How attention is measured.

Recent mentions

1. 2026-08-26 10:03 UTCComment

   So you mean i should use space evenly instead of space between? So they're centred in the middle of the page. Also a question what will max width do with the product i use it sometimes with search bar when i give it flex 1 so it doesn't keep on stretching. Here's the design after i made some changes if you're interested

2. 2026-08-23 04:38 UTCComment

   Yeah i was going to fill that empty space with products too thx for the advice, Yeah i used two borders one one for the jacket and the word Adidas and one for the whole card, I'll delete the one around the jacket and the word Adidas I used object fit cover for the image. I'll add the margin to the search bar Didn't put the button into a div ngl i know that you can center it with flexbox by making justify content center if I'm not mistaken and align items center. Thanks brother really appreciate the advices.

3. 2026-08-22 22:10 UTCComment

   great start. if we're talking pure aesthetics, \- Tidy up those borders. remove the one around the banner text. the break in the border on the right product listing looks strange. overall the thickness and presence of them could be more consistent. \- padding between search bar and bottom, as well as the buy button and bottom \- consider some css libraries for the Buy buttons, or redesign it with maybe only a border and no background and more pronounced "BUY" text (just an idea). \- you could also consider hover effects over the buy button beyond that, if you haven't, iterate through a list of projects to display them. not sure if they're hard-coded here or not. it's good to get the CSS fundamentals, so keep it up, eventually you can familiarize yourself with a css library like tailwinds.

4. 2026-08-22 21:42 UTCComment

   Consider how much white space is there vs content. In 99.999999% of all cases, you really don't want there to be more empty space than filled space. Your borders around the products are doubling up and that is very jarring to the eye, as well as the border missing from the right side because (I assume) the image is overlapping the right side. Instead of using two borders, try to figure out how to do the following: \- Set one width on the first element that starts your product section \- Set the border on that element \- Use one of the various ways to make the image fit into the parent element. \- If you want the border between the brand name below the image (Adidas) and the product name (Adidas Jacket), teach yourself how to either use border or border-bottom to set only a border on the Adidas label. \- Add some bottom margin to the search bar. \- Look into how flexbox could be used to center the 'Buy' button, it looks off-center and flexbox will be \*the\* tool you use to position stuff. One good piece of advice in general to improve your stuff is don't let two borders touch, you're doing that in a lot of spots here.

5. 2026-08-22 21:41 UTCComment

   Looks great for a beginner, I think if you applied a nice color scheme it would look even better as it is. Using harsh colors (like `background: red` or `#ff0000`) makes a design look pretty amateur. Same with black and white as well, so try something like #222222 for blacks and #dddddd for whites. Also I think removing all the black borders on product cards will instantly improve the design. And lastly it could use a bit more whitespace (padding) for both the cards, search bar, and to give a bit of space between the cards and the navbar.