Frontend Mentor | Amr Wael's profile

All comments

Kacper Kwinta•1,405

@kacperkwintaSubmitted over 1 year ago

Built with 🧱

Semantic HTML5 markup
SCSS
JS
Flexbox
@media
day.js

Error handling is not ideal but it just w o r k s

Also, you can calculate date from future, it's not a bug, it's feature 😉

Age calculator app

Amr Wael•120

@AWBSCodePosted over 1 year ago

Your code is very clean but There is a mistake in your javascript code. I tested it. I calculated 8-10-2008 -->

14 years 6 months 17 days

But, result should be -->

14 years 6 months 2 days

this is my solution

Or you can test it on any website to calculate age.

Abdul Khaliq 🚀•72,560

@0xabdulkhaliqSubmitted almost 2 years ago

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 shake animation for mail validation
Used scrollreveal.js on dom elements to animate them
Added a welcoming page, which greets the user

Feel free to leave comments on how I can improve my code.

Peace be upon you..✨

Base Apparel - coming soon page, But slightly tweaked up..🚀

Amr Wael•120

@AWBSCodePosted over 1 year ago

10/10 + Respect You have preserved the principles of your religion. I'm proud of you. .................................................................................... ...................................................................................... ...................................................................................... ...................................................................................... ...................................................................................... ...................................................................................... ....................................................................................... ...................................................................................... ...................................................................................... ...................................................................................... ...................................................................................... ....................................................................................... ....................................................................................

Pratik Deshmukh•10

@pratikdeshmukh963Submitted over 1 year ago

What did you find difficult while building the project?

Using the right CSS attributes to get the thing done.

Which areas of your code are you unsure of?

I am not sure if I used too many CSS attributes than required.
Note sure how to vertically align, do I use margin top or some other method I am not aware of.

Do you have any questions about best practices?

I would like to see different solutions that community member used. Learn from those and try to understand in which scenario one could be better over the other.

QR code component

Amr Wael•120

@AWBSCodePosted over 1 year ago

1- you should center the component using flex 2- you forgot to put the given background color. the body should be like this:

body {
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: blue; /* Put the given color in place of blue */
}

4- you forgot to remove basic styles

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

3 - you forgot to make a font family: