Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

four card project contains HTML,CSS

@radhaBharadwaj

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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..

Community feedback

Fachrezi 140

@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!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord