Steven Stroud
@StroudyAll solutions
- Submitted about 1 month ago
Meet landing page with BEM, Variable, Hosting own fonts
- HTML
- CSS
I faced challenges aligning the footer image with the Figma design, as it seemed like the photo might not be the correct size. In an effort to reduce the amount of CSS, I tried condensing styles by utilizing utility classes, grouping elements with similar properties (such as font sizes), and applying shorthand properties where possible. However, I recognize there's significant room for improvement. I would greatly appreciate extensive feedback on how to streamline my approach and achieve more efficient solutions. I understand there are much better methods to implement this design, and I am eager to learn and refine my workflow.
- Submitted about 2 months ago
Testimonials grid, BEM, Mobile first approach
- HTML
- CSS
I would appreciate feedback on how I used CSS Grid for the tablet and desktop layouts, particularly in combination with the :nth-child selector. My goal was to minimize the amount of code, as most of the blog cards shared similar styling with only a few differences, which I addressed using :nth-child. While this approach felt efficient, I’d like to ensure it’s the most optimal and maintainable solution.
- Submitted 2 months ago
Four card feature - Grid
- HTML
- CSS
I'd like to improve my CSS Grid skills, as it's a crucial area I need to strengthen. If anyone has recommendations for resources, tutorials, or examples specifically focused on CSS Grid, I’d greatly appreciate it. My goal is to take some time to learn and master CSS Grid to apply it more effectively in my project.
- Submitted 3 months ago
Responsive, Accessible Product Component
- HTML
- CSS
There is still so much I don’t know, but I am learning more with every challenge. I would like to use Google DevTools more effectively to help me build in the future, but I don’t fully utilize it because I am unaware of all that it can offer. Any advice or guidance on using DevTools is highly welcome and encouraged.
- Submitted 3 months ago
Social Profile, Custom slider, Multiple style sheets
- HTML
- CSS
I would appreciate help with optimizing my handling of typography in Figma, especially in understanding and applying font weights more effectively. Additionally, I’m looking to improve my JavaScript structure to make my code cleaner and more maintainable. Any tips or best practices in these areas would be valuable as I continue to develop my front-end development skills and work on more complex projects.
- Submitted 3 months ago
Recipe page using SCSS/BEM
- HTML
- CSS
ℹ️ I would appreciate help with a few specific areas, particularly around fine-tuning my table styling to make it more precise and accessible. I found it challenging to get the table design exactly right, especially when balancing aesthetics with usability and accessibility.
➕ Additionally, I’d like some guidance on best practices for handling default browser styles, such as dealing with unexpected font weights on headings or the positioning of list markers. Understanding how to manage these defaults effectively would greatly improve the consistency of my designs.
❓ Finally, I’d appreciate any tips on optimizing file paths and resource linking for web hosting, as this caused some issues during deployment. Ensuring that all resources load correctly the first time would streamline the process and prevent headaches down the line.
- Submitted 4 months ago
QR card (SCSS + BEM)
- HTML
- CSS
👂Feedback is highly appreciated no matter how big or small, I would like to know how it could be better and why, anything other best practices. I look forward to hearing from you all 💖
- Submitted 8 months ago
Blog Card with responsive units
- HTML
- CSS
Anything to make my code more readable, best practices or any constructive feedback would go a great way and be appreciated.
- Submitted 8 months ago
First Frontend Mentor Challenge, VS code
- HTML
- CSS
Anything i can do to improve, I am all ears so please tell me what i could do better?
