Recreated the designs accuratly
Latest solutions
Intro section with dropdown navigation
Submitted 6 months agoEven though I managed to make the hamburger menu icon as well as the dropdown, the thing that I still am struggling is how to make the menu displays vertically when the hamburger menu icon is clicked. So, I leave it as that for now. Might come back to fix it in the future.
Latest comments
- @paddypeanutSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
- @AdalbertPunguSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
Just the effect of finishing the challenge while respecting good practice.
What challenges did you encounter, and how did you overcome them?I had trouble positioning the card, even though I knew it was possible to do so with css grid. I had to read up on the subject to solve the challenge.
What specific areas of your project would you like help with?I'd like some help with CSS Grid Layout.
@Taninwat-55Posted 6 months agoI have had the same problem trying to position the cards and tried different methods and I ended up using grid. However, you did a great job! I see that you even use float which I didn't even think about. The webpage also looks responsive. I can't help you with Grid since I also used Grid template area in this case and I see that I'm in a position to suggest you as I'm also a beginner. Rather I see your solution as an inspiration. Once again, great job!
0 - @vladzen13Submitted 7 months ago@Taninwat-55Posted 7 months ago
The design looks great and almost as accurate as the original one! The layout also looks great on a range of screen sizes. The code is well-structured and readable.
1 - @wendyhamelSubmitted 12 months ago@Taninwat-55Posted 7 months ago
Layout looks good, well-structured, the code is readable. Good job!
0 - @Grimm-NSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
HTML: Pretty stoked about how the code stays neat and easy on the eyes. If you’ve got any tips for making it even slicker, hit me up!
CSS: Dabbled in both Grid and Flexbox this time around. Nothing earth-shattering here, just getting comfy with % and rem. It’s like I’m leveling up in CSS or something.
What challenges did you encounter, and how did you overcome them?So, I decided to flex my creative muscles and cook up my own layout style for this one. It turns out designing from scratch takes way more time than just picking a pre-made template. Who knew?
I turned to Adobe Photoshop for some RGB magic to nail those perfect shades. Gotta love those color choices!
What specific areas of your project would you like help with?No major hiccups on this ride, but I’m all ears for any critiques or pro tips you might have. Let’s make it even better!
@Taninwat-55Posted 7 months agoI like the idea that you've adapted it to your own design while maintain the same layout!
0 - @Karima-DiaaSubmitted 7 months ago@Taninwat-55Posted 7 months ago
You did a really great job! I don't know if that's your intention. However, there are two things that you could improve or make it a better and even more accurate design. First is the border of the card and the second is the shadow.
0