Frontend Mentor | Jeffrey Stanley's profile

Latest comments

Roshan Merugu•80
@Roshan-Merugu
Submitted 3 months ago
What are you most proud of, and what would you do differently next time?
I am most proud of the responsive design achieved through CSS Grid and Flexbox, which makes the page user-friendly across devices. Next time, I would focus on optimizing images better and implementing accessibility features from the start.
What challenges did you encounter, and how did you overcome them?
One of the main challenges was ensuring that the layout was responsive across all screen sizes. I overcame this by utilizing media queries effectively and testing on multiple devices to adjust the CSS as needed.
What specific areas of your project would you like help with?
I would like feedback on the accessibility of my website. Specifically, I want to know if there are any key areas where I could improve the usability for individuals with disabilities. Additionally, any suggestions on improving my CSS organization would be appreciated.
Responsive Landing Page Using CSS Grid
#bootstrap#sass/scss#jquery
2
P
Jeffrey Stanley•140
@JS-Law
Posted 3 months ago
The general layout looks similar but there are some minor differences: border color, font weight, margins etc. Looks great though aside from that!
P
Ralph Angelo Gonzaga•190
@codejeroo
Submitted 4 months ago
What are you most proud of, and what would you do differently next time?
I was able to use media queries to make the website responsive. I also utilized em and rem as well.
What challenges did you encounter, and how did you overcome them?
It was hard for me at first because I was so preoccupied on getting exact measurements that I forgot to focus on making it responsive.
What specific areas of your project would you like help with?
I would love to receive some feedback on how I can make it more responsive and accessible.
Product Review Card
#accessibility#semantic-ui
1
P
Jeffrey Stanley•140
@JS-Law
Posted 4 months ago
Looks spot on. Bit of a sizing difference, but the end result looks great.
P
Ruben de Man•760
@developer-ruben
Submitted 6 months ago
Recipe page
#accessibility
1
P
Jeffrey Stanley•140
@JS-Law
Posted 4 months ago
I have no critiques! This looks great. Code is clean and the css rules are setup well. Great job!
CH1C0-zw•50
@CH1C0-zw
Submitted 4 months ago
In this case i used FLexbox and Always CSS
#accessibility#airtable#cypress#d3#firebase
1
P
Jeffrey Stanley•140
@JS-Law
Posted 4 months ago
Looking at the code, it looks like my only suggestion would be to steer away from using class names like "one", "two", etc. If youre styling them all the same way, you can create a css rule for that single class.

If you wanted to target one and only one of those nested div's, you could have added an ID(#).

I see you skillfully selected all the child div's of the parent: .Container though, which got the job done.

Great job!
Maxzi1•40
@Maxzi1
Submitted 5 months ago
What are you most proud of, and what would you do differently next time?
Add animations for a smoother user experience.

Implement dark mode support.

Convert it into a reusable component using frameworks like React or Vue.
What challenges did you encounter, and how did you overcome them?
the background shadow, I asked Chatgpt
What specific areas of your project would you like help with?
none
Blog preview card using flexbox
#accessibility
1
P
Jeffrey Stanley•140
@JS-Law
Posted 4 months ago
Background shadows are pretty tricky, personally I never learned what each parameter does. I just use cssmatic but the project looks flawless!
Patrícia Souza•60
@patsouza
Submitted 4 months ago
Landing page using Flexbox
1
P
Jeffrey Stanley•140
@JS-Law
Posted 4 months ago
This looks spot on!The margins look a bit too small for the bold text but it looks great nonetheless!