@AStombaugh
@MajorFreedom
Submitted
What are you most proud of, and what would you do differently next time?
Well, first time using grid, not that hard if you read documentation
What challenges did you encounter, and how did you overcome them?
I think I did huge layout, its bigger than solution
What specific areas of your project would you like help with?
Flexboxes
Good job! Your layout reduces from desktop to mobile really well! My layout also ended up being a little bigger than the design, which is probably just a matter of adjusting the font sizes.
@elekviktor32
Submitted
Using translate to position the left and right cards was brilliant! I wish I had thought of that, it would have saved me quite a bit of time. Well done!
@mme-sbahi
Submitted
Good job, love the simplicity of your solution! It does look like you're missing the :focus state on mobile though
What specific areas of your project would you like help with?
Please help me with the way my page browsing, there is a problem with the display i can't figure it out... when i inspect the solution there won't be any problems
On the <body> tag in your media query, I would remove the height: 100vh; or change it to min-height: 100vh as it's causing your content to be larger than the browser window, forcing me to scroll out to see the entire layout.
@Habonyousuf
Submitted
Good job! The vertical spacing is a little off on the name, location, and description lines, but otherwise, you got it really close to the design prompt! :)
Marked as helpful
@Habonyousuf
Submitted
If you want the styling of the box shadow to match more closely to the design, change the "5px" in the code to "10px 12px 0px var(--Black)". That third value creates the blur radius.
@rowanrooster
Submitted
What are you most proud of, and what would you do differently next time?
The HTML+CSS was straight forward - tried using flexbox to get the component aligned vertically and horizontally but went with CSS translate in the end. Next time I'll be making sure my environment works properly and that I can use some Sass
What challenges did you encounter, and how did you overcome them?
Figuring out how to get Sass working without an extension for compiling.
What specific areas of your project would you like help with?
What is the best way to get Sass into your project? I tried using Vite - will try that again but is the 'Live Sass Compiler' by Glenn Marks worth it?
Good job! :) If you want to achieve a drop shadow similar to the original design file, one way to do so is by using the box-shadow CSS property: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
Marked as helpful
