Recipe Page | Frontend Mentor Challenge (HTML & CSS)

[@edsHTML]

New MORTGAGE CALCULAOR Frontend Mentor project just dropped go watch it here GO GO GO 🚨🚨🚨: ua-cam.com/video/xp-gaZ7XlG4/v-deo.html
CONTACT FORM Frontend Mentor project just dropped go watch it here GO GO GO 🤯🤯🤯: ua-cam.com/video/B8OOjAcOVFg/v-deo.html

[@athanmartin990]

Great stuff! I am just getting in to coding and your videos help a lot.

[@edsHTML]

Keep going bro 😎 you will get better everyday 💪

[@whateveritwasitis]

awesome! its so hard to find tutorials that have loud obnoxious music to distract me

[@jmosofficiallyvlog]

Nice bro! I have an idea how to do my final exam thanks to you

[@edsHTML]

All the best 💪

[@adfinemrising]

very nice work mate! keep it up

[@edsHTML]

Thanks bro 😎

[@DevDissent]

Just use OL for the numbered list? Did this challenge as well on my channel. 🍻

[@edsHTML]

i used divs with flex to get the text lined up like in the picture. it was the best way i knew to do it, but yeah you could still you OL👍

[@DevDissent]

​@@edsHTML
.properList {
/*
default padding-left applied by browsers to UL/OL is usually 40px, adjust here
*/
padding-left: 99px;
}
.properList li {
/*
distance between number and text / distance between marker and list item text content
*/
padding-left: 99px;
}
Instructions
some text
some text
some text
some text

[@edsHTML]

nice😏 i remember messing around with the padding and margins but it wouldnt work for me

[@faisal_dev951]

hi where's the source code ?

[@edsHTML]

you can find the starter code on frontend mentor, its the newest challenge😀

[@faisal_dev951]

@@edsHTML hahaha no the solved one haha