@MYM200519
Latest solutions
Testimonials grid ection with HTML and CSS
Submitted 5 months agoyes. It will be useful for me if you shared any tips or things that you find useful in the grid and flex layouts.
Responsive Four card feature section with HTML & CSS
Submitted 9 months agoIn responsive design i usually create the desktop design and convert it to the mobile design. It was really tiring. From the start I used to design the websites for desktop and this is my third time designing / converting to mobile.
Responsive product preview card with HTML & CSS
Submitted 9 months agoI want help with responsive images and flex-boxes. Because in mobile version my content only cover 90% not 100% of the page. and it affects the image above it. If you are facing same issues or overcome it please help me with it. working with images makes me tired even in desktop version.
Recipe page project with HTML & CSS
Submitted 9 months agoUsing media queries in this project is making my head spin. somehow i make it.
Social links profile with HTML & CSS
Submitted 9 months agotransition property and other property from css i wants to learn deeper.
Blog preview card with HTML & CSS
Submitted 9 months agoto make responsive website with responsible images
Latest comments
- @NalsDev
Its good. But the sub title in the grids are bit too large except that it is perfect.
- @SymplyteeziyWhat are you most proud of, and what would you do differently next time?
I will trying g to focus on using grid in my next challenge.
What challenges did you encounter, and how did you overcome them?I’m unable to use grid which is really important.
What specific areas of your project would you like help with?Using grid.
@NalsDevThe project more over looks similar to the design except the font-size and heading levels. You can add font weight property to heading tags refer to the style guide in the given folder.
Grid For more practice you can checkout the courses offer by front end mentor in building flexible layouts(course before the project) checkout the links you will find resourses for grid and flex.
- P@kareemsakrWhat are you most proud of, and what would you do differently next time?
Minimized the code in media queries section
What challenges did you encounter, and how did you overcome them?The picture/img had a bit of strange whitespace underneath it that took me a bit of time to figure it out.
What specific areas of your project would you like help with?If my css code adheres to best standards when it comes to responsivity.
Also if my HTML is semantic or could be improved
@NalsDevThe website looks too good It perfectly matches the design.
- @NeoV10@NalsDev
great work!. The page looks good. But i guess you forgot add background color to preparation time container.
- @vaibhu252frontend@NalsDev
The output looks good. Great work!.
- @IsaacKelWhat are you most proud of, and what would you do differently next time?
found it easy for the most part
What challenges did you encounter, and how did you overcome them?i couldn't line the label up with the side of the image properly. if i added a container i probably could've done it.
What specific areas of your project would you like help with?using h1, p tags will adjust my margins a bit. i was originally just using a div. i should use the proper tags and just adjust the margins they use.
Why aren't my images showing on the github pages website - but when i press show live server on vs code, they do?
@NalsDevthe page looks good but images. the image path may be incorrect or you didn't upload the images folder from assets into git. once check those and re-run the code.
maybe you can add the image inside the div and set its height and width. then you can set width to 100%.
I think using the approriate tags like p and h1 in code is necessary. using div may look but but it need more css than approriate tags does.
It is just my point of view. All the best.
