Skip to content

[WXSFUS-162]- create & style the landing page for food ordering#2298

Open
chimmalambo wants to merge 10 commits intomasterfrom
about-chim
Open

[WXSFUS-162]- create & style the landing page for food ordering#2298
chimmalambo wants to merge 10 commits intomasterfrom
about-chim

Conversation

@chimmalambo
Copy link
Collaborator

@chimmalambo chimmalambo commented Nov 19, 2022

created and styled a landing page for a food ordering website.

image (11)
image (10)

@Mayowa2020
Copy link
Collaborator

Well done @chimmalambo! You must ensure that your webpage looks precisely like the shared mockup on the Fifgma page: https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=13%3A0.

It's the highlighted page you are to work on.

You still have some corrections to make.

@chimmalambo
Copy link
Collaborator Author

@Mayowa2020 Thanks.
Ok, so its the one with some parts disabled.
Let me make the change and update.

@chimmalambo
Copy link
Collaborator Author

chimmalambo commented Nov 24, 2022

@Mayowa2020, changes done.

See additional screenshot:
![image (12)](https://user-images.githubusercontent.com/109789628/203679630-0c8e5e79-

@Mayowa2020
Copy link
Collaborator

Good morning @chimmalambo, I have the following comments to make:
1 The font style, size and weight on your webpage do not look the same as what is on the Mockup page. The details/properties/attributes of each font can be gotten by clicking on the font itself on the Figma page. Once you click on it, the details should appear on the right-hand side of the page.
2. Please, find attached and ensure the circled part on the Figma page is the same as what you have on your web page.
Screenshot 2022-11-24 104753.
3. According to the instructions, you are to ensure that the user can select a location from where you are dropdown.

I hope this is clear enough. If not, do not hesitate to reach out to me on Slack.

@chimmalambo
Copy link
Collaborator Author

chimmalambo commented Nov 28, 2022

@Mayowa2020 hi Bukky. almost done. this is what I have done so far now. left with replacing the drop down arrow with the one that was provided in the asset file. Having a bit of a challenge but working through it
image (15)

@Mayowa2020
Copy link
Collaborator

Well done @chimmalambo, you are quite close, but not there yet. As earlier mentioned the fonts on your webpage are not the same as that on the Mockup page. I had already mentioned how to get the fonts from the Mockup page on Figma, Also ensure the weight, colour and size of the fonts on your web page are quite close, if not exactly similar to what is on the Mockup page. Once you get the type of font used, you might have to import it from Google fonts. It's not on Windows by default.

Attaching the screenshots of your code is not necessary, what is required here are screenshots of your web pages.

Kindly make the necessary changes and revert when done.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants