@mrcordasSubmitted 7 months ago
P
Manny Verma
@mverma45All comments
- @typingfeSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
the fact that i did the project
What challenges did you encounter, and how did you overcome them?the popups so i searched.
What specific areas of your project would you like help with?how to do popups using toggle
- @kingergemSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I am proud that it least i copied most of the layout but not exactly. I would like to learn any different techniques for having a responsive webpages.
What challenges did you encounter, and how did you overcome them?The challenges i really encountered is how I will make it responsive by changing the font and box size dynamically. thankfully there are many resources i could search on to resolve my problems especially the ChatGPT.
What specific areas of your project would you like help with?Maybe proper use of different css units
@mverma45Posted 6 months agoGood job on the project. Keep learning from YT, Google and other reviewing other people's code.
0 - @Ericphoto35Submitted 11 months ago
- @mverma45Submitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of the fact that I got the opportunity to work on this project from this platform, this is a great platform to practice front-end development skills. Also from what I learned on this challenge is amazing.
What challenges did you encounter, and how did you overcome them?In this project I encountered the challenges of grid, I always have a problem working with grid/flexbox I have to look up the code and try to figure it out. Even though I have worked with grid on some of the other projects. I tried googling but is there a way see the grid I always guess/visualize in my head where the element will go.
What specific areas of your project would you like help with?I know this code isn't perfect when you go full screen, when I go mobile screen it looks on my computer, just want to know if it looks good on other people's screen sizes. If you have other suggestions please let me know how to fix it.
@mverma45Posted 7 months agoThanks @Danielfww and @ikitamalarose I will look into them
1 - @Franznic0Submitted 7 months ago@mverma45Posted 7 months ago
looks good. just curious why you used 210px in line 27 in the .css file why didn't you convert px to rem's. Other than that it looks good.
0 - @Code-BeakerSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I had a lot of fun coding this one because of the beautiful color palette! This one helped me get my hands on with CSS
grid.When I was trying to make it responsive for mobile, I had a bit of an issue and searched for a solution on YouTube. But, I think I need to get along with reading documentations on solving issues.
What challenges did you encounter, and how did you overcome them?Making it responsive was a bit of a challenge. But thankfully, a friend on the Discord community helped me out.
This project also motivated me to learn more about CSS
What specific areas of your project would you like help with?gridI would like to know how it looks on your devices.
Any suggestions on how I can improve is welcome! 🎉
@mverma45Posted 7 months agoEverything looks good, but from what I have read you shouldn't do <h3> first then jump to <h2> etc. The tags should go from <h1> then <h2> etc. It looks good on my device, since you didn't use any <h1> tag, I would use a <p> tags and then style the <p> tag as the <h> tags.
Marked as helpful0 - @DebabrataBanikSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Any feedback is welcome
- @0xabdulkhaliqSubmitted almost 2 years ago
Alhamdullilah, Hello everyone..👨💻
- This was an excellent challenge to train and improve my knowledge with grid & flex layout.
- As always, i gave a personal touch to this solution
- I tried to make my code as clean and readable as possible! If there's anything I can improve on this, I'd love to know!
Things i tweaked up..🚀
- Added 3d parallax swipes effect with
Swiper.js - Used
scrollreveal.jsondomelements to animate them - Changed the four feature grid section into awesome looking 3d slider
Feel free to leave comments on how I can improve my code.
Peace be upon you..✨
@mverma45Posted 7 months ago@0xabdulkhalid when I minimized the screen the code didn't adjust to a smaller screen? is the media queries not set up correctly?
0 - @correlucasSubmitted over 2 years ago
👾 Hello, Frontend Mentor coding community. This is my solution to the Four Card Feature Section.
😎 I had a lots of fun doing the challenge and doing some custom design improvements.
This is a solution that I've finished before but I decided to update it, when I saw a solution of guy Yefry Sanchez where he applied an hover effect on the card where the icon flips while hovered, so I tried to apply something similar to mine inspired on what he did. Here's is his profile @y25sanchez . Nice solution bro!
👻 I added some features 💀
- 🎨 Text Gradient on main heading.
- 🥃 Glassmorphism on card hover.
- 🎨 Custom background.
Feel free to leave any feedback.
- @danielmrz-devSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
🛸 Hello FEM Community! I'm Daniel and this is my solution for this challenge! 😊
🛠️ Built with:
- HTML 🧾
- Vanilla CSS 🎨
- JavaScript 🤖
- Mobile first workflow approach 📲
A very interesting layout challenge. The menus were (again) difficult to create, considering that mobile and desktop versions menus work a little bit differently. This time I added an animation to the menu button on mobile version.
I learned a lot from doing this challenge 😊
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome 😊
- @PYXHDSubmitted 8 months ago@mverma45Posted 8 months ago
Looks good, what I noticed on your code is you have <h2> tags multiple times for the container cards, what I would suggest is making them <p> tags and in the CSS making those <p> tags look like <h2> tags. Remember that the tags h1-h6 can and only be used once. Otherwise everything looks good. Good job.
0
