Design comparison
Solution retrospective
i need help with cont:width,height i need help with cont:width,height i need help with cont:width,height
5 hours spend on this and finale done it ,but width not same and hieght and i think there is alot of mistakes
Community feedback
- @shashikantdev3Posted over 1 year ago
Hello there π. Good job on completing the challenge! Here are some suggestions regarding your code that may be of interest to you.
HTML5 elements such as <main>, <nav>, <header>, <footer>, <section>, <aside> act as landmarks or special regions on the page to which screen readers and other assistive technologies can jump. By using landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technology (Users with disabilities). You can use the <div> for sub-items within landmarks like <section>. In other words for containers or sections in your HTML, you can use the <section> tag if you want to nest in subitems <div>.
Landmarks such as the <section> may require that you specify a heading within. In other words, if the section has no heading it may throw an error when checked by an accessibility tool.
It is advisable that you place all your main site content in a landmark element <main> Here is an Accessibility Evaluation Tool to check your webpage for any errors or warnings related to landmarks.
There exists an attribution <div> that comes with the frontend mentor starter kit. You will have to wrap this <div> in a <footer> tag
Read
W3schools Accessibility Landmarks Notes for more information. Accessible Landmarks Article by Soctt.
I hope you find my comment useful. π Nevertheless, the solution you submitted is great! π Happy coding
0@shashikantdev3Posted over 1 year ago@Zak-najjar please explain more about what help you need on the cont class with height and width.
please elaborate more on what issue you are facing.
0@Zak-najjarPosted over 1 year ago@shashikantdev3 So , thanks for your response , I need to know how to clac the height and width of any picture or be even close to that picture all my project i use lightshoot for get width and height for img that not directly good , how i can just when i see the img get close to width and height
0@shashikantdev3Posted over 1 year ago@Zak-najjar To calculate the height and width of a picture, you can use an image editing software or online tool, or you can use the command line or terminal on your computer.
Here are the steps to calculate the height and width of an image using different methods:
Method 1: Using an image editing software or online tool
Open the image in an image editing software like Adobe Photoshop or an online tool like Canva. Look for the option to view the image size or dimensions. In Photoshop, this can be found by going to "Image" > "Image Size". In Canva, this can be found by clicking on the image and looking for the dimensions in the top toolbar. Note down the height and width of the image. Method 2: Using the command line or terminal
Open the command line or terminal on your computer.
Navigate to the directory where the image is located using the "cd" command.
Type the following command to get the height and width of the image:
identify -format "%wx%h" image.jpg
(Replace "image.jpg" with the name of your image file.)
The output will give you the height and width of the image in pixels.
Using these methods, you should be able to calculate the height and width of any picture and use it in your project.
I hope you find my comment useful. π π Happy coding
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord