Design comparison
Solution retrospective
all feedback thank you
Community feedback
- @beowulf1958Posted 4 months ago
Congratulations on completing this challenge. You have obviously put a lot of work into it.
To improve your page, cut your font-sizes in half. Then fix the prices. If you remove the positioning and use flexbox, the prices will fall into place. Try this:
.price { display: flex; align-items: center; gap: 30px; } .totale-right p{ color: #9EA0AA; font-size: 1rem; /* font-size: 2rem; */ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; /* margin-top:-330px ; */ } #p1{ color: #438069; font-size: 2rem; /* font-size: 4rem; */ /* position: relative; top:290px; left: -35px; */ font-family: 'Times New Roman', Times, serif; font-weight: bolder; } /* remove the p2 styles */
Hope this helps.
0@djelidlynaPosted 4 months ago@beowulf1958 thank you a lot , i really appreciate your efforts , iam gonna try this and see if it work . excuse me when i made a change on thr html and css files do i need to resubmit the solution here or how the things work?. have an amazing time!
0@beowulf1958Posted 4 months ago@djelidlyna Yes, once you have improved your design, you submit it again using the same process as you did the first time.
0 - @AlexanderTejedorPosted 4 months ago
Hi, 👋
In your preview site I can see the image but not in your design comparison, I recommend that you update the photo so we can see your work 👌, Here are some extra recommendations:
- You can use HTML semantics in future projects. It is very useful for the browser to position your pages much better 💎.
- You can start with mobile design and then adjust the page to fit the type of resolution. You can do this by looking for resources that explain mobile-first design 📱.
- To take screenshots of your page, I recommend the following Google extension https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=es it is very good!! 📷
The only thing left to do is improve the details of the size of the fonts, and it will improve your challenge a lot, otherwise a very good attempt.🙌.
0@djelidlynaPosted 4 months ago@AlexanderTejedor heyyy i thank you 🫡 this is absolutly very kind of you⭐ to share some ressources , i do not know what happend to project in my browser when i see it with live serveur every element is perfctly in it position but when i submit it its became a desaster , iam gonna upload a screenshoot to the project on my browser with the extension u gave me ,i used disktop choice and its my first time using this website wich i found really chllanging and push you to do more , if i make any changes on my local it is gonna chnage here ? i do not know what to do to fix it .
0
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