@2VOLTAIC3
@RajKumar-612
Submitted
What are you most proud of, and what would you do differently next time?
improved the time taken to complete this, hoping to do it faster
What challenges did you encounter, and how did you overcome them?
faced some challenges with css, took some help from chatgpt and online resources
What specific areas of your project would you like help with?
feedback on the styles.
@2VOLTAIC3
Posted
Quite in line with the original design. Don't forget sematics to make the code structure more readable and reusable, and use tag hierarchy to make your website more accessible and perform better.
@A-noob-in-Coding
Submitted
What challenges did you encounter, and how did you overcome them?
Handling media queries for making the design responsive
What specific areas of your project would you like help with?
I would appreciate advice for improving the responsiveness of the designs
@2VOLTAIC3
Posted
Hello, A-noob-in-Coding, one of the most important parts when you're writing HTML code is the semantic, a secret of a good desing is the estructure of the web-page, In this case remembering the hierarchy of tags, which can be contained one within another. Example, you can use a "<div> </div>" tag to contains almost everything, and It could work at the end, but it terns of performance and good codings practices, It's not the best way to use div tags, this tip also makes the code readable and reusable so you can apply CSS properties more comfortable.
On the other hand there're several things to improve about CSS properties for example I saw you used two "@media screen" with the same measure to make the web-page resposive but they didn't work exactly as they should becase there's an abrupt transition between the two and this cause that the properties of width and heght outside the @media don't work.
To resolve that you can remove both @media screens so you can use relative and absolute measures in your CSS to improve the styles and mede it responsive even without @media.
@adewumiolutoye
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of being able to group the SCAN and its text in the centre
What challenges did you encounter, and how did you overcome them?
Fitting the sentences as it is in the design
What specific areas of your project would you like help with?
Designing text
@2VOLTAIC3
Posted
*The solution is quite accord to the desing about 70% *You should use some css properties to make the solution more responsive, like(max-width, min-width, min-height , etc)but don't worry the project wasn't focoused on "full-responsive project"at all. Overall is very important to define an especific width or height when you are using images inside a container, depending on the case you could use them or not, It prevents the img from the re-adjustament of its father(main-container)so you can put the img with 100% width and its only re-adjusted to the measure of its father.
Marked as helpful
@Soupmy
Submitted
@2VOLTAIC3
Posted
*Yes, It should contain semantic HTML
*Yes it is, but not completely, if you do a lighthouse test through the developer console in your browser it gives you 73% accessibility which is quite good, taking into account that it is a small project.
*At first glance it looks great, but there are some places where it is too big and then readjusted.
*Yes it is, there are some aspects for improve about structure but It readable and reusable.
*Yes, It's 90% according to the origal desing.
Marked as helpful
