@radhaBharadwaj
Submitted
What are you most proud of, and what would you do differently next time?
In this project i used position in css for the first time..
@Fbeye04
@radhaBharadwaj
Submitted
What are you most proud of, and what would you do differently next time?
In this project i used position in css for the first time..
@Fbeye04
Posted
hey bro, good job on the project but I see some things that you might want to add for future projects.
pada markup html saya merasa kamu bisa lebih merapikan penulisan dengan membaginya menjadi seperti ini <main class=“main-container”> <div class=“main-description”> .... </div>
<div class=“section-container”>
<section class=“section-card” id=“supervisor”>
.... </section> <section class=“section-card” id=“supervisor”> .... </section> <section class=“section-card” id=“supervisor”> .... </section> <section class=“section-card” id=“supervisor”> .... </section> </div>
</main>use css root to remove the browser's default style so that it is easier for you to style according to your wishes. Then, to make it easier, also try to learn the css custom properties
for card layouts instead of using flex I recommend using a grid so that your layout arrangement is easier even for different screen types. Also learn the grid template area that will help you in structuring the layout card. Those are the things that I think you can consider adding or using in future projects. Good job bro!
@sour413
Submitted
What are you most proud of, and what would you do differently next time?
I am proud of that I improved in making responsive pages using bootstrap framework, The different things i could do is create more responsive pages like these and implement javascript and more media query techniques.
What challenges did you encounter, and how did you overcome them?
The Only challenges I faced is alignment challenges using flex, I overcame with the help of w3c schools and help from one of the members from Frontend mentorship from my previous projects.
What specific areas of your project would you like help with?
I would like help in Web-page responsiveness, that's it, I would like to build pages for mobile, tablets and PC, I would like help for building more responsive web pages.
@Fbeye04
Posted
hey bro, good job on your project this time but I want to give you some feedback that you might be able to implement to make your project better.
@ClaudiaRamirezD
Submitted
@Fbeye04
Posted
hi bro, I congratulate you for successfully completing this project. But here I found something that you can improve and this is related to the media query where when on mobile the card layout does not display correctly and only leaves one card. As a suggestion try on your card-container apply grid then grid template-areas and there you can write it like this: “teal” “red” “yellow” “blue”
and you will see the normal display on the mobile page
Marked as helpful
@Yanivridel
Submitted
@Fbeye04
Posted
Nice work, bro, I commend how you replicated this project so well from both mobile and desktop screens. I would like to make a few suggestions you might want to consider.
Marked as helpful
@joaoeduardogomes
Submitted
What are you most proud of, and what would you do differently next time?
Making it actually work felt really good. Maybe next time I should try using grid instead of flexbox.
What challenges did you encounter, and how did you overcome them?
It was difficult to make the images change and fit the space it should like in the design images. The solution that worked was preventing the container from wrapping and changing the flex-direction to column instead.
What specific areas of your project would you like help with?
Any suggestions and critics are welcome. I would like to know specially if there is a easier way to complete this challenge. Maybe I was trying to solve it the hard way without even noticing.
@Fbeye04
Posted
Good job bro but I would give some suggestions like:
As for the css, everything looks good as well as the appearance. Nice work!
Marked as helpful
What are you most proud of, and what would you do differently next time?
It's not pixel perfect but I think I've come quite close.
What challenges did you encounter, and how did you overcome them?
Challenging was only to get a pixel perfect copy.
What specific areas of your project would you like help with?
I would appreciate feedback of my CSS in general. Is there anything I can do better? Like the selector nesting or using other selectors.
@Fbeye04
Posted
Good job man. I don't think there's anything I can suggest. You have implemented the right semantic elements, css reset to remove the default web formatting, use of flexbox, media query to make the display on different screens responsive. It's just probably everyone's preference, I would use section or div instead of nav to wrap the list. Overall it's really good man
Marked as helpful
@EmicJoykiller
Submitted
@Fbeye04
Posted
Good design bro but there are some things that I encountered that are still not in accordance with the requested design.
@EmicJoykiller
Submitted
@Fbeye04
Posted
Nice work bro, however I have a few suggestions that might help:
@chenmeister
Submitted
What are you most proud of, and what would you do differently next time?
For this project, I continued to refine my CSS skills by writing efficient CSS code and completing the task myself without relying too much from outside sources. This allowed me to break out of my comfort zone and improve my CSS skills. What I hope to do next time is to keep practicing my CSS and code it without relying on guides.
What challenges did you encounter, and how did you overcome them?
I've encountered some issues with aligning images and adding custom fonts. I had to refer to the MDN docs and w3schools to help me get it all set up.
What specific areas of your project would you like help with?
I would like to see how I can make my CSS code more efficient and apply some advanced techniques if possible.
@Fbeye04
Posted
First of all, your challenge result is good in appearance but I would like to give some suggestions such as:
@AkshayAnand101
Submitted
@Fbeye04
Posted