Turning a design into a real website
What challenges did you encounter, and how did you overcome them?Getting website to be just like the design
What specific areas of your project would you like help with?none
Hi Jordan, as a fellow newbie, here's the following I saw in your layout.
Border - the layout must have a border of black, Class - although it's not necessary, it must be better that our elements must have a certain class name as a distinction, this may also help as we style this in our CSS file. Responsiveness - the layout is not responsive on the Small screen, especially on a 320px device. instead of giving a fixed width to your "main" element, try to replace it with a min-width at wider devices and a maximum width at smaller devices. Height - one thing I learned from our colleague here is that avoid a height of 100vh, instead use min-height: 100vh to avoid overlapping when the smaller device is in the landscape. also, avoid giving fixed px quantity in height and width, it may affect your responsiveness in other devices CSS Reset - add CSS reset when designing in CSS. you can search for it and apply it to your code.
That's it, I hope I can help you on your journey.
I'm proud of the overall process, It's my first time building a website just by copying from the reference and by only using my acquired skills.
What challenges did you encounter, and how did you overcome them?linking style.css, linking fonts, and aligning the semantic main into the center, I feel noob because I already know it and I still make an error because of it.
What specific areas of your project would you like help with?mastering proper declaration on css
Hi Grace, Thank you for this input, I didn't realize all of this stuff until you mentioned it. I'll make sure to mind this next time.
Thank you for mentioning all of this, your comment is really helpful :)
I am able to finish the project with a good readme file. I never gave importance to ReadMe files and with frontend mentor challenge it was a good experience to use it. I would also like to use sass for CSS next time.
What challenges did you encounter, and how did you overcome them?This was a good project to go back to basics. I have been learning frontend for quite some time now and its not easy to remember everything. I struggled centering the element but the spaced repetition was definitely worth my time. I fixed it by applying flex and height to the main tag.
What specific areas of your project would you like help with?I would like to know more about testing a frontend application. What are the manual or other ways to test small to big applications. Thanks for your time.
Hi Henna, your layout is nice and looks good. As my suggestion, I think you need to consider the alignment of the elements, also the footer attributes must be on the lower center of the layout. Thanks and happy coding!
