@ThyuHtooAungOwO
lucigarpe
@lucigarpeAll comments
- @lucigarpe
Good job
- P@pete13232What are you most proud of, and what would you do differently next time?
I'm very proud that I was able to apply many things I've learned from previous projects. It feels great to see how those small lessons added up and helped me complete this one more confidently.
If I were to do it again, I’d probably spend a bit more time planning the layout structure before jumping into coding. That could save time in the long run and help keep the code cleaner.
What challenges did you encounter, and how did you overcome them?One of the main challenges I faced was building the layout for the entire screen. Most of my previous challenges involved single components, so this was my first time working on a full-page layout.
To overcome this, I started by creating a rough wireframe using basic HTML and CSS. This helped me visualize the overall structure and plan how the layout should be divided. It gave me a clearer direction before diving into the actual styling and fine-tuning the details.
What specific areas of your project would you like help with?I tried to work around making the .hero__avatar slightly overflow out of the screen (just like in the original design), but I couldn’t quite get it right. 😭
If anyone has tips or knows how to achieve that effect properly with CSS, I’d really appreciate the help!
Thanks in advance! 🙏
@lucigarpegood job
- @praharshnavilae@lucigarpe
good job
- @huzaifa612@lucigarpe
Good job
- @domdem-devWhat are you most proud of, and what would you do differently next time?
Thanks to the knowledge aquired in the previous projects, it's been quite easy and fast
What challenges did you encounter, and how did you overcome them?There were not particular challenges for this project
What specific areas of your project would you like help with?I think I don't need help
@lucigarpeThe icons for each card are missing. You'll need to work on the shadows a little more, as they're very hard.
- P@danielswaroopannu@lucigarpe
The columns are not the same size. You should adjust them to 50% of the content.
- @Lufredade@lucigarpe
You need to load the font correctly. I see you tried to add it to the CSS, but you didn't embed it in the HTML <head>. Also, in the "Learning" tag, you have an overflow that causes the text to pop out of the background. This is because you set the width to 70px. Try removing it and let me know. Also, in this case, I recommend using <label> instead of <p>.
- @PeepytooWhat are you most proud of, and what would you do differently next time?
I believe my HTML code is more organized and easier to read now, and I thought my overall use of tables & lists was decent.
What challenges did you encounter, and how did you overcome them?I was a bit confused about inputting parts of a border into a table until I discovered the table-collapse code.
What specific areas of your project would you like help with?The most important aspect I still would like to get feedback on is accessibility and responsiveness of the webpage, because I'm still learning the knowledge needed to create a responsive webpage. I'd also appreciate any feedback on the formatting of my code, and if there's anything that looks off.
@lucigarpeEl enlace a github está roto
- @retnoardanaridr@lucigarpe
.
- @Kama-ds10What are you most proud of, and what would you do differently next time?
I'm most proud of how clean and organized the HTML structure turned out, and how I was able to recreate the card layout to closely match the design using only HTML and CSS.
Next time, I’d focus more on refining hover effects and accessibility features like better alt text and keyboard navigation. I’d also like to explore using CSS Grid or a utility framework like Tailwind to speed up the styling process.
What challenges did you encounter, and how did you overcome them?One challenge I faced was getting the spacing and alignment to look exactly like the design,It took some tweaking with margins, padding, and Flexbox to get things looking right.
I also had to experiment a bit with font sizing and line height to make the typography feel balanced. I overcame these challenges by checking the design preview often, using developer tools to inspect spacing, and making use of max-width, rem, and em units to keep things good.
What specific areas of your project would you like help with?I'd appreciate feedback on the overall layout and responsiveness of the card — does it look good on all screen sizes? Also, I'd like to know if there are any improvements I could make in terms of semantic HTML structure or better use of Flexbox.
Additionally, if there are cleaner or more efficient ways to write my CSS, I’d love suggestions on that too.
@lucigarpeEl resultado final está muy pero mejoraría los siguientes aspectos:
Centrar el contenido verticalmente como en el diseño utilizando por ejemplo la propiedad display: flex.
También hay algunos detalles como el border-radius del label "Learning".
De resto has hecho un buen trabajo.
Marked as helpful - @ban-tit@lucigarpe
hbj
