P
Ehsan Tatasadi• 1,730
@tatasadi
Submitted
Ronald Yonggi
@ronaldyonggi
All comments
- Ronald Yonggi• 170
@ronaldyonggi
Posted
Looks good! Keep it up!
0 - Pchelsea-here• 160
@chelsea-here
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud that I was able to figure out how to set up the pop up so that it had a relative position to the items the styling was based around.
What challenges did you encounter, and how did you overcome them?
Getting the styling to be correct was challenging, even after I figured out where to position the pop-up components. I ended up handling the view width aspect with css @ media instead of complicating my react component.
What specific areas of your project would you like help with?
I'm always looking for ways to simplify my code. If you have ideas on how to simplify my SharePopUp CSS would love to hear about it!
Ronald Yonggi• 170@ronaldyonggi
Posted
Looks good!
I saw a problem when toggling the active-state in mobile view. Seems like the active-state share section in the mobile-view doesn't match the desired mobile design.
Marked as helpful
0 - Dmytro Gaiduk• 50
@DmytroGaiduk
Submitted
Ronald Yonggi• 170@ronaldyonggi
Posted
Looks good! Keep it up
0 - Ajaya-Rajbhandari• 130
@Ajaya-Rajbhandari
Submitted
What are you most proud of, and what would you do differently next time?
-used mobile first approach and added media query for desktop view. -Took a week to finish this project even though i though of quieting.
- Learn some Grid layout and used.
What challenges did you encounter, and how did you overcome them?
-- Arranging element in grid . -- Got help from freecodecamp about grid layout.
What specific areas of your project would you like help with?
** To use grid and flex display layout.
Ronald Yonggi• 170@ronaldyonggi
Posted
Good effort!
A few minor details:
- The desired design's background is slight darker
- The desired design card text is not centered
Marked as helpful
0 - kvruntime• 170
@kvruntime
Submitted
What challenges did you encounter, and how did you overcome them?
the use of html art directory features.
Ronald Yonggi• 170@ronaldyonggi
Posted
Looks good!
Minor details is that in the desktop design, the image's width is slightly smaller than the content section. Compared to the desired design, the image is of equal width with that of the content section.
0 - hominhk3• 80
@hominhk3
Submitted
What are you most proud of, and what would you do differently next time?
ghhhgfj
What challenges did you encounter, and how did you overcome them?
kthvnn
What specific areas of your project would you like help with?
grdjvb
Ronald Yonggi• 170@ronaldyonggi
Posted
Your submission doesn't exactly look like the design.
0 - PScott Rogener• 50
@scottyroges
Submitted
First time using CSS modules, took a little bit of time understanding how it works and using PostCSS plugins for things. In terms of implementation the only part that had me stuck was having the width resize responsively between mobile and desktop. I wanted to avoid a media query so that it looked good on all screen sizes, but have it stretch to a point was tricky. Eventually got it using flex-box, max-width and flex
Ronald Yonggi• 170@ronaldyonggi
Posted
Looks good! Keep it up
0 - hominhk3• 80
@hominhk3
Submitted
What are you most proud of, and what would you do differently next time?
fsdf
What challenges did you encounter, and how did you overcome them?
sdf
What specific areas of your project would you like help with?
fsdf
Ronald Yonggi• 170@ronaldyonggi
Posted
Seems like you submitted the wrong submission.
0 - bonssss• 10
@bonssss
Submitted
What are you most proud of, and what would you do differently next time?
-
What are you most proud of? I’m proud of creating a clean, responsive layout using Flexbox and integrating Google Fonts for a modern look. The project successfully met its goal of improving my front-end skills.
-
What would you do differently next time? Next time, I’d add subtle animations for interactivity, focus more on accessibility, and possibly use CSS Grid for more complex layouts. I’d also consider using SCSS or CSS variables to make styling more efficient.
What challenges did you encounter, and how did you overcome them?
Responsive design: Ensuring the layout looked good on different screen sizes required some adjustments.
What specific areas of your project would you like help with?
Areas for Help Accessibility: Guidance on improving accessibility with ARIA roles and keyboard navigation.
Animations: Tips on implementing subtle hover effects and transitions.
CSS Optimization: Advice on using SCSS or organizing styles for better scalability.
Ronald Yonggi• 170@ronaldyonggi
Posted
Looks good! I didn't see the part for mobile view in the CSS file, this can be something to be done as for the next steps.
Marked as helpful
0 -
