@Shahd-AbdalghnySubmitted 2 days ago
Synne Storm
@synnestormAll comments
- @AdanMaidanaSubmitted 3 days ago
- @GiodosvaniSubmitted 6 days agoWhat are you most proud of, and what would you do differently next time?
I'm proud of using HTML media queries instead of using it on CSS.
the website is better optimized in this way and easier to load.
What specific areas of your project would you like help with?I'm facing a problem that i don't know exactly why... but there is a tiny margin on the bottom of the image on desktop design
what i already tried: applying "height: 100%" on the img applying "height-fit-content" on the card removing the <p> from HTML to test if the content was making it bigger for any reason
nothing worked until now
@synnestormPosted 5 days agoHi! Nice work :)
The reason why you have a tiny margin on the bottom of the image is because the:
<div class="card">
has a white background and have a
width: 600px; and height: 445.52px;
If you go into your CSS, just add a width and a height to your div .card.
Good luck :)
0 - @Ayesh-07Submitted 7 days agoWhat specific areas of your project would you like help with?
Everyone most welcome for feedback for my improvement. 😊
@synnestormPosted 7 days agoThe only thing I noticed was your h1: You can style them with: text-transform: uppercase;
Great job on the challenge!
0 - @Edmon-NascimentoSubmitted 7 days ago
- @devPauloskiSubmitted 7 days ago
- @Isurumax26Submitted 8 days agoWhat are you most proud of, and what would you do differently next time?
I learned the basics of HTML and css. I lerned how flex box works with HTML and CSS. And using them how easy to organize the page.
What challenges did you encounter, and how did you overcome them?I found it difficult to make the page responsive first. although I added some fields to the css it did not work as I expected. I had a parent element to the image element. Although I configured the size of the parent element it did not impact to the child image element. i had to do some research and found how the width works on those scenarios.
What specific areas of your project would you like help with?I could not find a way to format the text part as displayed in the images of the exercise. I was able to import the fonts from the google fonts but the text was not like in the image.
@synnestormPosted 8 days agoHi! Good job on completing the challenge :)
I think if you avoided using inline styling, and created a styles.css your code would be easier to read.
Regarding your font issue; if you get the embedded code from google fonts you can just paste it in your <head> tag and then it should work.
0 - @ysagohhSubmitted 10 days agoWhat are you most proud of, and what would you do differently next time?
Finished in under 1 hour
What specific areas of your project would you like help with?Why doesn't the bottom margin of my footer show on mobile?
@synnestormPosted 9 days agoHi! Good job on the challenge, it looks good :)
I looked at your code and I think if you target your footer in the media query:
footer { padding-bottom: 50px; }
It should create some space at the bottom. I am by no means an expert, but I think if you used a div instead of a footer the margin-bottom would have worked (so anyone please correct me if I'm wrong).
Marked as helpful0
