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

CSS box Model

Miguel Silvaβ€’ 510

@migsilva89

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first project only with HTML and CSS, all my previous projects were made with TailwindCSS.

I Have learned how to create CSS classes, add fonts and hover status.

Easy project that I can say it was a challenge cause I am very used to Tailwind classes.

Tips for improve will be much appreciated.

Thank you all.

Miguel Silva

Community feedback

Dev Rathoreβ€’ 2,600

@GitHub-dev12345

Posted

Congratulation to complete your challenge πŸ˜ŠπŸš€ Use this code to increase the size of card : 😊 used this CSS Property in your card to increase and decrease the size of card:

1.In Card design CSS Code Used this:

transform : scale(0.8); this property decrease the size of card. πŸ˜‰

large size for increase the number of scale & small size for decrease the number of scale

I hope you find this helpful

Marked as helpful

0
optimusprime202β€’ 1,220

@optimusprime202

Posted

Hey @migsilva89, You’re on the right track now.

Marked as helpful

0

Miguel Silvaβ€’ 510

@migsilva89

Posted

@optimusprime202 Thank you for the feedback! It means a lot.

1
Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

Hay ! Miguel Silva Good Job on challenge

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body <main class="container"></main>

-> Always use h1 first and then h2, h3 and so on

-> Learn more on accessibility issues

If this comment helps you then pls mark it as helpful!

Have a good day and keep coding πŸ‘!

Marked as helpful

0

Miguel Silvaβ€’ 510

@migsilva89

Posted

@Crazimonk Thank you for your comment, Still having some issues that I cant understand.

I'll focus on them, thanks for the tips.

1

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