Shiv
@undrthegraveyardAll solutions
- Submitted 3 months ago
⚜️Time Tracking Dashboard⚜️
- HTML
- CSS
- JS
I would love some advice on how you guys test your component on different screens to ensure that it's responsive. I do use google dev tools, but I suppose it is not completely cut out for this. This time, I used Mozilla for the first time, and I think it is better than chrome for sure in this regard.
- Submitted 4 months ago
☘️ A Responsive Article Preview Component ☘️
- HTML
- CSS
- JS
I would love the community's feedback on accessibility. I have included ARIA labels, alt descriptions, and made it keyboard accessible. 💪🏻
- Submitted 4 months ago
☘️ A Responsive Landing Page with a JS enabled error state.☘️
- HTML
- CSS
- JS
I would love your feedback on accessibility. How could I maybe make my code more accessible? ⭐️
- Submitted 5 months ago
💎 Responsive Huddle Landing Page with Alternating Feature Blocks 💎
- HTML
- CSS
One specific piece of advice I would like is on accessibility. ☘️
How could I improve my overall code for higher accessibility, I try to put the right HTML semantic elements but still, I think there is much more room for improvement. 😀
- Submitted 5 months ago
🖥️Responsive Fylo Landing Page 🖥️
- HTML
- CSS
One specific issue in which I could probably use some help is in the way I declare classes. Whenever I write the HTML code, I end up declaring a lot of classes, and then it becomes an issue to remember them while writing the CSS for it. 😅
- Submitted 5 months ago
🖥️ A responsive and interactive FAQ Design Component 🖥️
- HTML
- CSS
- JS
I have one particular doubt, more like curiosity. Writing @media queries at the end can sometimes feel like double work.
Now, this might sound silly but I'll ask anyway. 😛
To all my experienced developers mates. Is there an alternative practice of writing code that could minimize it, or is it just inevitable? 😅
- Submitted 5 months ago
📈A Responsive Result Card Preview📈
- HTML
- CSS
I would love to know your opinion. How would you have done it differently (with only CSS)?
HTML Code:
... Reaction 80 / 100 ...continued
CSS Code:
.... card__summary-categories{ display: grid; grid-template-columns: 1fr; gap: 1rem; } .categories{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 0.5rem; width: 100%; padding: 0.8rem 1rem; } .categories-name{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0.75rem; font-weight: var(--fw-medium); } .categories-name .Reaction { color: var(--clr-primary-red); } .categories-name .Memory { color: var(--clr-primary-yellow); } .categories-name .Verbal { color: var(--clr-primary-green); } .categories-name .Visual { color: var(--clr-primary-blue); } #c1{ background-color: hsla(0, 100%, 67%, 0.1); } #c2{ background-color: hsla(39, 100%, 56%, 0.1); } #c3{ background-color: hsla(166, 100%, 37%, 0.1); } #c4{ background-color: hsla(234, 85%, 45%, 0.1); } .categories span{ font-weight: var(--fw-medium); color: var(--clr-dark-gray-blue); opacity: 0.5; } ...
- Submitted 5 months ago
✌🏻A Responsive Stats Preview Card Component✌🏻
- HTML
- CSS
In my styles.css file, at the end, there is two line of code
.card__image{ order: 2; } .card__content{ order: 1; }
The purpose of this was to switch the position of the image and the content on the card. I was wondering is there a better way to implement this into my code more efficiently.
I would really appreciate your feedback as always! 😁
- Submitted 6 months ago
💰 Responsive NFT Card Preview 💰
- HTML
- CSS
Just one very specific part:
In styles.css, there is a particular section of .nft__overlay, along with its hover interaction code.
I would love to hear your thoughts on how that interaction could have been implemented more efficiently. 😃
- Submitted 6 months ago
💸A Responsive Order Summary Card 💸
- HTML
- CSS
any general feedback would be appreciated since I don't have a specific thing in my mind
- Submitted 6 months ago
👨🏻💻 Responsive 3-Column Card Component 👨🏻💻
- HTML
- CSS
- I would love your feedback on maybe could I have used child combinator selectors in a more efficient way.
- Submitted 6 months ago
Responsive Blog Preview Card
- HTML
- CSS
- I don't know, the font size in my card was not very responsive to the overall size of the component, in the mobile preview it looked fine, but in the desktop, the font size looked relatively small, despite using relative units.
- Submitted 6 months ago
Responsive social profile link component
- HTML
- CSS
How could I use Flexbox more in my code or other related responsive elements?
Also, I would love some feedback on how I might be able to use more relative measuring units like em and rem in my code efficiently.
- Submitted 6 months ago
Responsive webpage design with HTML and CSS
- HTML
- CSS
- On one specific issue, I would really appreciate some help from the community. I was not able to make the color of the bullet points(dots) same as that of their heading.
- For instance, the color of the heading "Ingredients", and its bullet points(dots) should have been the same.
- Submitted 6 months ago
QR Code using HTML and CSS
- HTML
- CSS
I would love some feedback on my structure of the code. My goal is to write as efficiently as possible.