👨💻 Hello everyone.
My first project with Typescript, I really liked it and found it very different. I decided to make a slightly simpler project, so as not to get too stuck in the development, but I will definitely make some more elaborate ones, but this one was definitely a lot of fun to do!
Thanks! 😊
Amazing!
Where do you learn all this stuff?
Hi!! I have added some basic JS to get some exercise in, if you have any comment on the JS part of it please do comment.
I did not want to force the user to get a name,age, location otherwise we would never see the default. However I have tried that and did not succeed, so question is:
How do I get a loop of prompts that keep asking to enter something until you do? Example: let's say you press ok without entering a name the prompt would not go away and say : "You must enter a name to access the page"
Hello!
Basic JS is not that basic. Very nice functionality!
Wish I thought of that...
Great job! Keep it up.
How can a non technical person can become a webdeveloper.
Hello!
To answer your question "How can a non technical person can become a webdeveloper."
With hard work and dedication!
And I am talking about seriously hard work! And to learn in the proper way, no taking shortcuts and truly learning from what you do, not just to do for the sake of doing...
Learning! Keeping track of learned things, creating your own documentation in README.md of every project...
And a little luck! Good luck!
What is the best way to define height and width CSS properties for the HTML and body tags, in a responsive webpage?
Hello!
You don't define width for the HTML and body elements.
For the height, most common way to do define it is
body {
min-height: 100vh;
}
Most of the time, that is enough. Some browser, thought, also require
html {
height: 100%:
}
unable to implement toggle or hamburger menu for mobile
Hello!
Watch this Slide in menu
Maybe that helps you with implementing menu for mobile view.
Good luck!
Please tell me how I can improve :)
Hello!
To improve, start with fixing errors from your report.
This "Document should have one main landmark" means you are missing <main> semantic element in your html. Landmark just means element.
This "All page content should be contained by landmarks" means all non-semantic elements should be inside of semantic elements, and not directly inside of <body> element.
More about semantic elements
Hope this helps! Good luck!
Sometimes same advice gets send to us.
Hello!
Yes, looks like same advice is sent in a row, or we are clicking button a little too fast in a row. Whatever the case might be, its on the API, not the developer.
What is on the developer is not fix errors in the report.
This "Document should have one main landmark" means you are missing <main> semantic element in your html. Landmark just means element.
This "All page content should be contained by landmarks" means all non-semantic elements should be inside of semantic elements, and not directly inside of <body> element.
More about semantic elements
Hope this helps! Good luck!
This is the first project that I created so, feel free to say anything about my mistakes and it will help me to improve more. <3
Hello!
Start by improving your CODE to fix the errors in your report.
This "Images must have alternate text" means <img> elements must have an "alt=" attribute in them with text describing them for the people that can't see the image.
This "Document should have one main landmark" means you are missing <main> semantic element in your html. Landmark just means element.
This "All page content should be contained by landmarks" means all non-semantic elements should be inside of semantic elements, and not directly inside of <body> element.
More about semantic elements
Hope this helps! Good luck!
Everything is perfect
Hello!
No, everything is not perfect! It might be "perfect looking" but the code is not perfect.
You didn't use semantic elements in HTML. Error in your report are about that.
This "Document should have one main landmark" means you are missing <main> semantic element in your html. Landmark just means element.
This "All page content should be contained by landmarks" means all non-semantic elements should be inside of semantic elements, and not directly inside of <body> element.
More about semantic elements
Fix those errors to make it perfect. Good luck!
How to be even more accurate in measuring the dimensions of the boxes when you have a model to follow?
I also noticed a difference in the font of the design and my solution, I don't know the origin... maybe the browser (Brave)?
Hello!
As JJ said, don't hunt for "pixel perfect" copy. No need to stress over that.
As for font-family, looks correct on my browser (Edge).
I would like to know better ways to make this design with pure css.
Hello!
That's an... interesting way to make it responsive... Sadly, that's not the right way.
Its a lot of work, plus, it doesn't look that good. And this is a simple, tiny project, single card, what when you do a bigger, full page/screen project?
Check out others code solution to get the idea how its done.
Good luck!
Hey everyone! 👋
For the circles on the background, I've used ::before and ::after. The same thing for the pattern on the component. Is there a better way to implement that or this is fine?
Should the profile name be a heading or p is okay?
Thank you
Hello!
Before and after pseudo elements for background images are OK, but maybe it would be easier with CSS multiple backgrounds
Did you know you can have multiple image for background-image? Multiple positions and sizes, too.
Check it out, hope it helps!
