Ziomek12330• 30
@Ziomek12330
Submitted
Nikolas Papenfus
@NPM0486
All comments
- Nikolas Papenfus• 380
@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
-
Read about how to add text to a page to make it as accessible as possible.
"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
0 -
- Ziomek12330• 30
@Ziomek12330
Submitted
Hi. i need help to repair this code
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
-
I see you have a problem with customization for phones. If using media is difficult for you try first making a site customized for telephenes and then use media to customize your site for wider screens.
-
You use flex to create the main structure of the page and grid to position the content. In my opinion, it's worth trying the other way around.
"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
0 -
- Szymon• 30
@0Whay
Submitted
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
- How flex works for children 📖Flex
"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
1 - Szymon• 30
@0Whay
Submitted
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
- You can better understand css and grid by looking at the materials below.
"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
1 - veviem• 10
@veviem
Submitted
This might have been super easy for some people, but since I've been getting into programming only the last few weeks (thought it was complete wizardry before starting out) it took me faaaaaar too long to figure out how to position and, not to mention, center stuff. Next time I'll be a lot faster I hope and not have to look up literally everything. Still not sure if I did anything right or even uploaded it right. However I am proud I gave it a try and everyone's got to start somewhere so this is me starting out.
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
- I see that you wanted to center the whole thing using the margin. Try using flex or grid. Here you have helpful documentation.
- For example, like this:
.your-container { display: flex; justify-content: center; align-items: center; height: 100vh; }"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
0 - Emmanuel Akpan• 790
@heisemmaco-dev
Submitted
what i find difficult is to center my div tag, i am sure of all my code it when well
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
-
To make your code more semantic you can enclose the whole thing in the main tag. You can find more such tags 👉here
-
I see that you wanted to center the whole thing using the margin. Try using flex or grid. Here you have helpful documentation.
- For example, like this:
main { display: flex; justify-content: center; align-items: center; height: 100vh; }"What we know is just a drop. What we don't know is a whole ocean." - Isaac Newton
Have fun coding!🎇
Marked as helpful
0 -
- Nnanna• 50
@Nnanna777
Submitted
Really want to learn as only just started
Any advice/tips are appreciated
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
- I see that you didn't add the font that was available in the information added to the challenge. To add the font you need to:
- open the link provided in the documentation
- select the appropriate thicknesses that you are interested in/are given in the documentation.
- a panel will appear on the right side along with two code snippets.
- you paste the <link> codes in the head in html.
- you use the font family code in css
- I see that you wanted to center the whole thing using the margin. Try using flex or grid. Here you have helpful documentation.
- For example, like this:
main { display: flex; justify-content: center; align-items: center; height: 100vh; }"What we know is a drop, what we don't know is an ocean." ~Isaac Newton
Have fun coding!🎇
Marked as helpful
0 - Ziomek12330• 30
@Ziomek12330
Submitted
Nikolas Papenfus• 380@NPM0486
Posted
👋Hi, you did a great job with this challenge!
I have some hints that you might find useful.👀
- To fix the hover on the button you need to remove the space bar.
button:hover { *code* }By adding a space here you are saying "If one of the button's children has a hover change the background color".
You can read about it here.
- To better understand grid and flex I throw up some materials that can help you with this.
Have fun coding!
Marked as helpful
0
